opendoor.com ↗
サイトを開く
Opendoor is the new way to sell your home. Skip the hassle of listing, showings and months of stress, and close on your own timeline. Get a free offer today!
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fbf9f9Text
#23201dColor #1
#23201dColor #2
#5e564eColor #3
#ffffffColor #4
#25201dColor #5
#806d63タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | DM Serif Display |
60px | 500 | 64px | -1.8px |
| h2 | graphik |
48px | 500 | 50px | -2.4px |
| h3 | graphik |
14.4px | 400 | 21.6px | -0.2016px |
| 本文 | graphik |
18px | 400 | 24px | -0.36px |
| リンク | graphik |
16.2px | 400 | 23.49px | -0.3888px |
| ボタン | graphik |
14.4px | 400 | 21.6px | -0.2016px |
使用フォント頻度
graphik575箇所
DM Serif Display1箇所
スケール・形状
- 角丸スケール
- 1998px / 12px / 30px / 14px / 16px / 10px / 20px / 40px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 0-24px / 80-40px / 80-96px / 90-0px / 72-141px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 72px / position: sticky
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com