ヘッドスパ（カッコイイ系・スタイリッシュ）

だれに向けたページか

仕事で頭と目を使い切っている20〜40代。「癒やし」より「頭をリセットする」に惹かれる人。 やわらかい癒やし系ではなく、黒とオレンジのキレのあるページにする。

色

文字

• 見出し：Zen Kaku Gothic Antique 900（太く大きく）
• 英字：Big Shoulders Display 800（縦長の太い英字）
• 筆記体の一語：Sacramento（E05 の「reset」）
• 手書きのひとこと：Yomogi（B07）
• 本文：Zen Kaku Gothic Antique 400・16px

ページの構成と演出

1. メインビジュアル（図形）：黒地に、SVG の横顔のシルエット。頭のまわりにオレンジの等高線が広がり、後ろに大きな円。左に「頭から、切り替える。」の太い見出し。背景には細い等高線が2層、違う速さで動く（D04）
2. 見出しに筆記体（E05）：「EMBERの60分」の太い見出しの上に、筆記体の「reset」がペンで書かれるように現れ、「初回 〇〇%OFF」のシールが弾んで出る
3. 施術の流れ：番号つきの4手順を、直線で区切って並べる
4. お客様の声（B07）：PCは左に人物写真を固定し、右の声を読むと写真が人ごとに切り替わり、手書きのひとことが出る。スマホは人ごとに写真と声が縦に並ぶ
5. メニュー・料金：クリーム地。表を太い線で区切る
6. ご予約：オレンジの帯に太い文字と予約ボタン
7. 店の情報・フッター

動きの決まり

• JS・GSAP が無いとき：筆記体は書き終えた状態、シールは貼られた状態、声は人ごとに写真つきで縦に並ぶ。全部読める
• prefers-reduced-motion のときは、上と同じ「動かない版」。等高線も止まる
• 動きは速く短く（0.3〜0.6秒）。シールの弾みは1回だけ

写真

新しく作る：暗い個室とオレンジの灯り／頭皮用オイル、の2枚。 写真庫から：お客様の後ろ姿3人（016・003）／頭を洗う手元（015）／シャンプー台（003）。

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

• 見出しは Zen Kaku Gothic Antique 900、英字は Big Shoulders Display
• 地は黒が基本。明るい区切り（クリーム）は1ページに2回まで
• 筆記体の一語は1ページに1つまで。等高線の模様は不透明度10%以下
• 料金・お客様の声は見本の値（〇〇）。会員が本物に替える