サイトを開く
誰と、どんなふうに住む？ colish は面白いコンセプトでシェアハウスをやりたい人をつなげるプラットフォームです。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f9f8f4Text
#111111Color #1
#111111Color #2
#eceadfccColor #3
#eceadfColor #4
#888888Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
74px | 900 | 96.2px | -1.48px |
| h2 | -apple-system |
40px | 900 | 66px | -0.4px |
| h3 | -apple-system |
17px | 800 | 28.05px | normal |
| 本文 | -apple-system |
15.5px | 600 | 29.45px | normal |
| リンク | -apple-system |
16px | 400 | 26.4px | normal |
使用フォント頻度
-apple-system286箇所
スケール・形状
- 角丸スケール
- 999px / 50% / 20px / 28px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 0-392px / 60-60px / 40-48px / 40-60px / 48-48px
- コンテナ幅
- width: 1400px / max-width: none
- ナビゲーション
- 高さ 81px / position: sticky
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com