アパレルブランド（スタイリッシュ）

だれに向けたページか

流行より「長く着られる一着」を探している25〜45歳。服を「色」ではなく「形と素材」で選ぶ人。 ファッション誌をめくるような体験で、ブランドの空気を先に伝え、オンラインストアへ進ませる。

色

二色刷りは「墨 #111111 × 灰 #c9c7c0」。写真を白黒にして、暗い所を墨、明るい所を灰に寄せる（CSS の filter と mix-blend-mode）。

文字

• 英字の見出し：Italiana（細く、字間を広く）
• 日本語の見出し：Zen Old Mincho。大きな句は縦書き
• 本文：Noto Sans JP 16px・行の高さ 2.0

ページの構成と演出

1. メインビジュアル（A07）：1画面を縦3枚に割った写真（コート・パンツ・シャツ）。3枚が時間差で、ゆっくり拡大していく。中央に縦書きの句「白と黒のあいだに、」とロゴタイプ
2. コンセプト（F05）：巨大な数字「26」の穴の中に、布の写真がはまる。スクロールすると穴の中の写真が流れる。横に短い文
3. LOOKBOOK（C05）：PCでは縦にスクロールすると、雑誌の見開きが横に流れる。1見開き＝左に二色刷りの写真、右に縦書きの句と服の名前。見開きごとに紙の色が白→灰→黒と変わる。スマホは指で横に送る
4. 素材：布の写真と、素材3つの説明
5. アイテム：二色刷りの写真4つ。乗せると元の写真（白黒）に戻る
6. アトリエ・取り扱い店：アトリエの写真と、店の情報
7. オンラインストアへ・フッター

動きの決まり

• JSや GSAP が無いとき：3枚の写真は止まったまま並ぶ、見開きは指で横に送る、数字の穴の写真は止まる。全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」
• 拡大はゆっくり（6秒以上）。画面を揺らす・回す動きはしない

写真（codex）

縦3枚（コート・パンツ・シャツの寄り）／ルック3枚／布の重なり／アトリエ、の8枚。顔は写さない。

会員が本物に替えるもの

価格（〇〇,〇〇〇円）・取り扱い店・住所・電話は見本の値。

下層ページを作るときの決まり

• 見出しは「Italiana の英字＋小さな日本語」の2段。大きな句だけ縦書き
• 写真は二色刷りか白黒。色のある写真は商品ページの中だけ
• 黒い面は1ページに1回まで。演出は1ページに1つまで