reform-studio.jp ↗
サイトを開く
岐阜・愛知のリフォーム・リノベーションならリフォームスタジオへ。使いやすさとデザイン性を大切に、毎日の暮らしがもっと心地よくなる住まいづくりをご提案します。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#333333Color #2
#ffffffColor #3
#21993aColor #4
#fbbc05Color #5
#d9d9d9タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Zen Kaku Gothic New |
32px | 700 | 44.8px | 0.85px |
| 本文 | Zen Kaku Gothic New |
14px | 500 | 25.2px | 0.85px |
| リンク | Zen Kaku Gothic New |
17px | 500 | 27.2px | 0.85px |
| ボタン | Zen Kaku Gothic New |
17px | 500 | 27.2px | 0.85px |
使用フォント頻度
Zen Kaku Gothic New332箇所
-apple-system4箇所
スケール・形状
- 角丸スケール
- 3px / 4px / 50% / 12px / 8px 0px 0px 8px / 20px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 80-80px / 80-80px / 80-80px / 80-80px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 110px / position: fixed
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com