クリニック（信頼感・誠実／シンプル）

だれに向けたページか

近くに住む家族連れと高齢の人。体調が悪いときにスマホで開く。 ページで知りたいのは「今日やっているか」「予約できるか」「どこにあるか」。飾りより、すぐ分かることを優先する。

色

文字

• 見出し・本文とも BIZ UDPGothic（読みやすさを優先した書体）
• 本文は 17px・行の高さ 1.8（高齢の人でも読める大きさ）
• 電話番号と診療時間は太字で大きく

形

• 角丸は小さめ（8px）。四角くきちんとした印象
• 影はごく薄く、カードの境目が分かる程度
• アイコンは線の細いインラインSVG（電話・時計・地図・カレンダー）

ページの構成（上から）

1. ヘッダー：院名・電話番号（スマホではタップで発信）・「WEB予約」ボタン。スマホでは画面の下に「電話」「予約」を固定で並べる
2. メインビジュアル：明るい待合室の写真＋「家族みんなの、かかりつけに。」＋今日の診療時間
3. お知らせ：日付つきで3件（休診日の変更など）
4. 診療時間の表：曜日×午前／午後。休みは「／」ではなく「休診」と文字で書く
5. 診療内容：内科・小児科・予防接種・健康診断の4つ。アイコン＋短い説明
6. はじめての方へ：受付から診察までを4つの段階で（番号つき）
7. 院長あいさつ：写真（後ろ姿か、顔の写らない構図）＋短い文
8. アクセス：住所（伏せ字）・駐車場の有無・地図の枠
9. フッター：院名・電話・診療時間の要約

動き

• なし。ボタンとリンクに乗せたときの色の変化だけ
• 体調が悪い人が開くページなので、動きで待たせない

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

待合室／受付カウンター／診察室／建物の外観、の4枚。人は写さない。

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

• どのページにも、スマホ下の「電話」「予約」の固定ボタンを付ける
• 見出しの左に --c-main の縦線（4px）
• 色は増やさない。--c-alert は休診など本当に大事な知らせにしか使わない