ヤオキ 部品の見本(kit)

全体はこの部品だけで組みます。基本の部品が⭕か、どれを直すかを見てください。角丸0・影なし・アクセント1色・ゴシック1系統。

色(UIは単一アクセント+中立色。塗料見本色は「内容」でありUI配色ではない)

canvas#f5f7f8
surface#ffffff
ink#11212b
muted#51616b
faint#8696a0
hairline#dde3e7
accent#0e5c66
accent-d#0a4850

文字(ゴシック1系統・数字はtabular・行間1.2〜1.8)

見出し 大(H1)住まいを塗り替える

clamp(34–56px) / 太800 / 行1.12

見出し 中(H2)一棟ずつ手を入れて塗る

clamp(24–38px) / 太800 / 行1.22

見出し 小(H3)外壁・屋根・防水

20px / 太700

リード文。正確な費用は現地調査のうえ、お見積りでご提示します。相見積もりで比べられる外装リフォーム。

clamp(15–18px) / muted / 行1.8

本文。下塗り・中塗り・上塗りを重ね、塗膜の厚みをつくります。回数をごまかさないのが自社施工の約束です。塗った後も訪問します。

16px / 行1.8 / 1行40字以内

※注記。金額は現地調査後のお見積りで確定します。


ボタン・リンク(角丸0。ホバー=文字が上へ消え下から現れる+下線が左から右へ伸びる)

主=塗りaccent/ghost=枠のみ。携帯は「ホバー例」で最終の見た目を確認。


カード(hairline枠・影なし・角丸0)

自社施工

下請けに回さず、調査から仕上げまで同じ職人が受け持ちます。

一級塗装技能士

国家資格の技能士が、下地を見て塗料と工程を決めます。

塗った後も訪問

工事が終わってからの付き合いを大切にしています。


写真の枠(ロゴ形の枠=案1。右下を切り欠く。中は施工写真/または家イラストの外壁色が切替=案5)

明日を、塗り替える。
施工写真(仮)

枠線=accent 3px・切り欠きでヤオキらしさ。中身は差し替え可。


電話の枠・見積の枠(第一画面と締めで使うCV部品)

お電話でのご相談0120-560-265受付 9:00〜18:00・年中無休

無料で見積り

現地調査・お見積りは無料。しつこい営業はしません。

見積りを依頼見積りを依頼

節と節の間の余白(PCは96px以上・携帯は56px)

節A
← 96px →
節B

イラストの描き方(D65)=全ての絵をこの決まりで揃える

屋根 外壁 防水
  • 投影 等角(アイソメ)=遠近が正確・奥行きあり・アイコンにしない
  • 線 一律2px・角は丸め処理で統一
  • 光 左上一灯。左面=明/右面=暗/屋根=中、地面に淡い影
  • 色 色数を絞り、外壁=塗料色を主役に(明暗で奥行き)
  • 細部 屋根の葺き目・軒・雨樋・窓枠・外壁の継ぎ目・基礎・バルコニー防水
  • 引き出し 1px線+小丸+ラベルで統一

開幕(案5)はこの家の外壁色が静かに切り替わる(枠=案1の中に入れる)。案3は同じ家に屋根/外壁/防水の引き出しを足した版。