工務店（信頼感・誠実）

だれに向けたページか

家を建てたい・建て替えたい30〜40代の家族。何社か見比べている。 ページで知りたいのは「どんな家を建てたか（実例）」「安心して任せられるか」「まず何をすればいいか（相談・見学会）」。

色

文字

• 見出し：Zen Old Mincho（700）
• 本文：Noto Sans JP（400）、16px・行の高さ 1.9
• 数字（創業年・施工棟数など）は Jost で大きく

形

• 角丸は小さめ（4px）
• 写真は横長を大きく。家の実例が主役
• 区切りは細い線と背景色

ページの構成（上から）

1. ヘッダー：会社名・メニュー・電話・「資料請求」「見学会予約」ボタン
2. メインビジュアル：完成した木の家の外観写真＋「家族の時間が、長く続く家を。」
3. 数字で見る：創業からの年数・建てた棟数・地域の対応範囲（数字は伏せ字の見本値。会員が実際の数字に替えると設計メモに明記）
4. 家づくりの考え方：3つ（地元の木／長く住める作り／建てた後の点検）
5. 施工例：6件。写真＋家の名前＋一言。カードで並べる
6. 家づくりの流れ：相談→プラン→契約→着工→完成→点検、の6段階
7. お客様の声：3件（架空。会員が本物に替える）
8. 見学会・相談会：次の日程を2件と予約ボタン（--c-accent）
9. 会社概要の要約：所在地（伏せ字）・許可番号の欄（空欄）
10. フッター：会社名・電話・資料請求

動き

• なし。ボタンに乗せたときの色の変化だけ

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

外観2枚／リビング／キッチン／木の階段／職人の手元（顔なし）／見学会の様子（人は後ろ姿）、の計7枚。

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

• 施工例のカードの形をそのまま使って、施工例の一覧ページを作る
• --c-accent は行動のボタン（見学会・相談・資料請求）だけに使う
• 数字・お客様の声・許可番号は、必ず会員が本物に替える（見本のまま公開しない）