全体はこの部品だけで組みます。基本の部品が⭕か、どれを直すかを見てください。角丸0・影なし・アクセント1色・ゴシック1系統。カード/写真/電話・見積の枠は右下を切り抜きで統一。色が静かに変わるのは電話・見積の枠とCTAボタンだけ。
色（UIは単一アクセント＋中立色。塗料見本色は「内容」でありUI配色ではない）
文字（ゴシック1系統・数字はtabular・行間1.2〜1.8）
clamp(34–56px) / 太800 / 行1.12
clamp(24–38px) / 太800 / 行1.22
20px / 太700
リード文。正確な費用は現地調査のうえ、お見積りでご提示します。相見積もりで比べられる外装リフォーム。
clamp(15–18px) / muted / 行1.8
本文。下塗り・中塗り・上塗りを重ね、塗膜の厚みをつくります。回数をごまかさないのが自社施工の約束です。塗った後も訪問します。
16px / 行1.8 / 1行40字以内
※注記。金額は現地調査後のお見積りで確定します。
ボタン・リンク（角丸0・切り抜きなし。ホバー=文字が上へ消え下から＋下線が右へ伸びる。CTA主ボタンだけ塗料の色が静かに変わる）
主CTA＝色が変わる塗りボタン／ghost＝枠のみ。携帯は「ホバー例」で最終の見た目を確認。
カード（hairline枠・影なし・角丸0・右下切り抜きで統一）
下請けに回さず、調査から仕上げまで同じ職人が受け持ちます。
国家資格の技能士が、下地を見て塗料と工程を決めます。
工事が終わってからの付き合いを大切にしています。
写真の枠（案1・右下切り抜きで統一。中は施工写真がゆっくり替わるスライドショー＝色は変えない）
枠線＝accent 3px・右下切り抜き（カード/枠と同じ大きさ・角度）。中身は差し替え可。
電話の枠・見積の枠（右下切り抜き＋色グラデ＋色が静かに変わる＝塗料の色）
色は濃い塗料色だけを静かに巡回（白文字が読める範囲）。reduced-motion/JS無効は静止。
節と節の間の余白（PCは96px以上・携帯は56px）
イラストの描き方（D65）＝全ての絵をこの決まりで揃える（今回は屋根だけ直した）
今回は屋根だけ直しました（方形→切妻）。壁・窓・扉・庇・バルコニー・基礎は変えていません。開幕=この家をロゴ枠に入れ、写真はゆっくり替わるだけ（色は変えない）。色が変わるのは電話・見積の枠とCTAだけ。案3は同じ家に屋根/外壁/防水の引き出しを足した版。