眼科（可愛い系・ふつうの縦長）

だれに向けたページか

近所の家族、子どもの視力が気になる親、コンタクトを作りたい学生、白内障が気になる60代以上。 「こわくない・やさしい」が最初に伝わること。読みやすさを最優先にする。

色

文字

• 見出し：Kaisei HarunoUmi（やさしい明朝。太さ700）
• 英字・数字：Nunito（丸い）
• 本文：M PLUS 2 16px・行の高さ 1.95

ページの構成と演出

1. 開幕（A04）：うすい若草の幕の中央に、ロゴ（目と葉っぱのマーク＋医院名）だけ。写真がぼかしからにじみ出て、ロゴは縮みながらヘッダーの定位置へ移って溶け込む。1.6秒ほど。2回目からは出さない
2. メインビジュアル（画像1枚のLP風）：メガネと若葉の写真を全面に。左の余白に大きなコピー「みる、を、まもる。」と予約ボタン・診療時間
3. お知らせ：3行
4. 診療案内（B04）：診察室の写真を全面に止め、その中の丸い小窓だけが「一般眼科→コンタクト→こどもの目→日帰り白内障」と入れ替わる。右に今の項目の説明
5. はじめての方へ：手順3つを丸い番号で
6. 診療時間：表
7. アクセス：外観の写真と地図の代わりの図
8. フッター

動きの決まり

• ゆっくり・小さく弾む。光が点滅する・画面が揺れる動きはしない（目の不調の方が見るため）
• JSや GSAP が無いとき：開幕の幕は出ない。小窓の4つは写真つきのカードで縦に並ぶ。どれも全部読める
• prefers-reduced-motion のときは「動かない版」

写真

新しく作る：メガネと若葉（メインビジュアル）／診察室／コンタクトと目薬。 写真庫から：002-clinic の exam・exterior、022-pediatrics の bear、018-dental の sterile。

数字について

診療時間・電話番号・住所は見本の値（〇〇）。会員が本物に替える。

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

• 見出しは Kaisei HarunoUmi、番号と英字は Nunito
• 区切りは「白」と「うすい若草」の2色。濃い緑はボタンと見出しの印だけ
• 演出は1ページに1つまで。開幕の幕はトップページだけ