URBAN CLOSET

以下の要件で、アパレルブランドのEC風Webサイトを作成してください。6ページ構成です。
※決済機能は不要です。UIデザインのみで大丈夫です。

【ブランド情報】
- ブランド名：URBAN CLOSET（アーバンクローゼット）
- 業種：アパレル（ユニセックス）
- ターゲット：20〜30代、性別問わず
- コンセプト：「都市で生きる人の、新しいワードローブ」
- 価格帯：¥5,000〜¥30,000

【ページ構成（6ページ）】

■ トップページ
- ヘッダー（ロゴ中央、左にハンバーガーメニュー、右に検索・カートアイコン）
- ヒーロー（全画面ビジュアル、「2025 SPRING COLLECTION」テキスト、SHOP NOWボタン）
- 新着商品（4品、横スクロールまたはグリッド）
- ブランドコンセプト（大きなタイポグラフィ+写真）
- ルックブックプレビュー（3枚の写真、VIEW ALLリンク）
- ニュースレター登録（メールアドレス入力+登録ボタン）
- フッター

■ 商品一覧ページ（/products）
- フィルターUI（カテゴリ：ALL / TOPS / BOTTOMS / OUTERWEAR / ACCESSORIES）
- ソートUI（新着順・価格順）
- 商品グリッド（3列×4行=12商品）
- 各商品カード：
  - 商品画像（ホバーで別アングルに切り替わる）
  - ブランド名
  - 商品名
  - 価格
- ダミー商品12点：
  1. オーバーサイズTシャツ ¥6,500
  2. ワイドテーパードパンツ ¥12,000
  3. リネンシャツ ¥9,800
  4. コーチジャケット ¥18,000
  5. クロップドフーディ ¥11,000
  6. カーゴパンツ ¥14,500
  7. ドローストリングバッグ ¥5,500
  8. ステンカラーコート ¥28,000
  9. リブニットベスト ¥8,800
  10. ナイロンショーツ ¥7,200
  11. ロゴキャップ ¥4,800
  12. レイヤードロンT ¥7,800

■ 商品詳細ページ（/products/[id]）
- メイン商品画像（大きく表示）
- サムネイル画像4枚（クリックでメイン切替）
- 商品名、価格
- カラー選択（Black / White / Gray のスウォッチ）
- サイズ選択（S / M / L / XL のボタン）
- 「ADD TO CART」ボタン（UIのみ、動作不要）
- 商品説明文（3〜4行）
- サイズガイド表（着丈、身幅、肩幅、袖丈）
- 関連商品（4つ）

■ ブランドストーリーページ（/about）
- 大きなビジュアルとテキストの交互配置（3セクション）
  - セクション1：ブランドの始まり
  - セクション2：素材へのこだわり
  - セクション3：これからのビジョン
- ブランドムービーエリア（プレースホルダー）

■ ルックブックページ（/lookbook）
- 「2025 SPRING」タイトル
- フォトギャラリー（マソンリーレイアウト、8〜10枚）
- 各写真クリックで拡大表示（ライトボックス風）

■ お問い合わせページ（/contact）
- フォーム（氏名、メールアドレス、お問い合わせ種別、内容）
- よくある質問（5つ）
- SNSリンク

【デザイン要件】
- 配色：白 #FFFFFF、黒 #0A0A0A、グレー #6B7280、薄グレー #F9FAFB
- 雰囲気：ミニマル、モード、ジェンダーレス
- フォント：英字は Helvetica Neue 系（極細ウェイト）、日本語は Noto Sans JP Light
- 余白を最大限に活用、「間」を大切に
- 商品写真は白背景で統一感を出す
- ホバーエフェクトは控えめだが上品に
- ハンバーガーメニューはフルスクリーンオーバーレイで開く
- レスポンシブ対応必須（モバイルでは2列グリッド）

【避けてほしいもの】
- ごちゃごちゃした情報過多のレイアウト
- 安っぽいECテンプレート感
- カラフルな色使い
- 過度な装飾（シャドウ、グラデーション等）

HTML/CSS/JSで実装してください。
画像はUnsplashの無料画像を使用してください（ファッション、アパレル、ミニマル系）。
全ページのナビゲーション、商品カードのホバーエフェクト、画像ギャラリーのライトボックスを実装してください。