美容サロン（高級感／スタイリッシュ）

だれに向けたページか

30〜40代の女性。少し値段が高くても、落ち着いた空間で丁寧に扱ってほしい人。 ページで知りたいのは「雰囲気が自分に合うか」「何ができて、いくらか」「予約のしかた」。

色

文字

• 英字の見出し：Cormorant Garamond（大きく・字間を広く）
• 日本語の見出し：Shippori Mincho
• 本文：Noto Sans JP（300・400）、15px・行の高さ 2.0・字間を少し広く

形

• 角丸なし。直線だけ
• 余白をたっぷり取る（セクションの上下 PC 160px／スマホ 96px）
• 写真は縦長を多めに使う。白と黒の帯を交互に

ページの構成（上から）

1. ヘッダー：店名（英字のロゴタイプ）・メニュー・「ご予約」。メインビジュアルの上に白抜きで重ね、スクロールすると白地に変わる
2. メインビジュアル：縦長の写真を左右に2枚＋中央に「Quiet beauty, for you.」と日本語の一言
3. コンセプト：短い文を中央寄せで。左右に細い金の線
4. メニュー：ヘア／フェイシャル／ヘッドスパの3つ。写真＋名前＋時間＋料金（税込）を表で
5. 空間：横に流れる写真（スマホでは指で横に送る）
6. スタッフ：2人。顔の写らない構図の写真＋名前（英字）＋得意なこと
7. ご予約の流れ：3つの段階。黒い帯の上に白い文字
8. アクセス：住所（伏せ字）・営業時間・地図の枠
9. フッター：黒地。店名・SNS・著作表示

動き

• 見出しの英字が、画面に入ったとき1文字ずつ下からふわっと出る（初期値は表示済み）
• 写真に「幕が開く」演出（白い覆いが横に引いていく。初期値は覆い無し＝写真が見えている）
• ヘッダーがスクロールで透明→白地に変わる
• どれも 0.8秒前後のゆっくりした動き

写真（codex・承認後に作る）

施術スペース／シャンプー台／待合のソファと花／施術の手元／スタッフの後ろ姿2枚／小物（ブラシ・ボトル）、の計7〜8枚。 全体を少し彩度を落とした、白とグレーの多い色調で。

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

• 英字の大見出し＋日本語の小見出しの2段をそのまま使う
• --c-accent（金）は線と小さな印だけ。面を塗らない
• 白と黒の帯を交互に置いて、区切りを付ける