ネイルサロン（かわいい）

だれに向けたページか

はじめてネイルサロンに行く20〜30代、気兼ねなく通える近所のサロンを探している人。 「かわいい、行ってみたい」とふわっと気分が上がるページにする。きらきらしすぎず、やわらかく。

色

雲（D03）の色：ピンク #ffc2d1・ピーチ #ffd9c2・ラベンダー #e6d4ff。うしろに敷くだけで、上の文字の読みやすさは背景の白に近い色で確かめる。

文字

• 英字の見出し：DM Serif Display（イタリックも）
• 日本語：Zen Maru Gothic（見出し 700・本文 400）16px

ページの構成と演出

1. メインビジュアル（F04＋D03）：ぼかした色の雲がゆっくり形を変える背景。アーチ形に切り抜いた手の写真が、下から形ごと伸びて現れる。「指先に、小さなときめきを。」
2. Pétale について（F04）：丸と花びらの形に切り抜いたサロンとネイルポリッシュの写真が、それぞれ下から伸びて出る
3. デザインメニュー（G03）：ワンカラー・フレンチ・ニュアンス・アート・フットの5行。PCで行にマウスをのせると、その行の上にデザイン写真が浮かんでマウスについてくる。スマホと JSなしは、各行の右に小さな写真が最初から出ている
4. はじめての方へ：予約からお帰りまでの4つの手順
5. ご予約：ピンクの面に予約ボタン
6. お店の案内・フッター

動きの決まり

• JSや GSAP が無いとき：写真は最初から形に切り抜かれて出ている。メニューは各行に小さな写真。雲は CSS だけで動く。全部読める
• prefers-reduced-motion のときは、雲も止まる
• 雲は40秒以上かけてゆっくり形を変えるだけ。画面全体は動かさない
• 値段・所要時間は見本の値（〇〇）。会員が本物に替える

写真（codex）

手（縦長）／サロンの中／ネイルポリッシュ／ワンカラー・フレンチ・ニュアンス・アート・フット、の8枚。手と足だけで顔は写さない。

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

• 写真の切り抜きはアーチ・丸・花びらの3つだけ。1区切りに1つの形
• 見出しは「DM Serif Display のイタリックの英字＋Zen Maru Gothic の日本語」
• 濃いローズは線と図形だけ。文字には --c-accent-text を使う