thecollective.com ↗
サイトを開く
Discover a better way of living. Co-living buildings designed to connect and inspire you, with shared spaces and events. We’re reimagining renting so you can live your best life.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#212529Color #1
#212529Color #2
#212121Color #3
#ffffffColor #4
#000000Color #5
#072521タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | collective-medium |
57.6px | 500 | 50.688px | normal |
| h2 | relative-medium |
26.3px | 500 | 30.771px | normal |
| h3 | relative-book |
16px | 500 | 24.64px | normal |
| 本文 | relative-book |
18px | 700 | 24px | 1.3px |
| リンク | relative-book |
12px | 400 | 0px | normal |
| ボタン | relative-book |
10px | 400 | 15px | normal |
使用フォント頻度
relative-book347箇所
relative-faux38箇所
collective-medium26箇所
relative-medium10箇所
スケール・形状
- 角丸スケール
- 50% / 2px / 6px / 28px / 100px / 8px / 100% / 10px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 20-20px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 77px / position: fixed
outsite.co 
habyt.com 
common.com 
apartmenttherapy.com 
dwell.com