サイトを開く
Beautiful homes, incredible locations, and pricing that makes sense. We make renting seamless––from finding the perfect place, to making it a home.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#212529Color #1
#212529Color #2
#24201fColor #3
#ffffffColor #4
#0f0d0dColor #5
#413c3bタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Cambon |
72px | 900 | 90px | normal |
| h2 | Cambon |
48px | 900 | 62px | normal |
| h3 | Akkurat Pro |
22px | 700 | 32px | normal |
| 本文 | Cambon |
26px | 700 | 33.8px | -0.5px |
| リンク | Akkurat Pro |
20px | 400 | 30px | normal |
| ボタン | Akkurat Pro |
14px | 400 | 21px | normal |
使用フォント頻度
Akkurat Pro343箇所
Cambon35箇所
Helvetica Neue16箇所
スケール・形状
- 角丸スケール
- 4px / 200px / 100% / 24px / 12px / 8px / 16px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 48-48px / 48-48px / 48-48px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: relative
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com 
dwell.com