roofstock.com ↗
サイトを開く
Roofstock provides investors with data, services and solutions to help acquire, manage and dispose of single family rentals (SFR).
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#111111Color #2
#ffffffColor #3
#7c7c7cColor #4
#f2f2f2Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | __helvetica_now_display_bfaaa1 |
80px | 300 | 84px | normal |
| h2 | __helvetica_now_display_bfaaa1 |
64px | 300 | 67.2px | normal |
| h3 | __helvetica_now_text_36bfc1 |
18px | 300 | 18px | -0.18px |
| 本文 | __helvetica_now_text_36bfc1 |
20px | 300 | 24px | -0.4px |
| リンク | __helvetica_now_text_36bfc1 |
16px | 400 | 24px | normal |
| ボタン | __helvetica_now_text_36bfc1 |
16px | 400 | 24px | normal |
使用フォント頻度
__helvetica_now_text_36bfc1149箇所
__helvetica_now_display_bfaaa113箇所
スケール・形状
- 角丸スケール
- 16px / 6px / 24px / 50%
- セクション余白(pt/pb)
- 96-32px / 40-40px / 64-64px / 80-64px / 64-64px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: static
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com