outsite.co ↗
サイトを開く
Work anywhere, live differently. Join a diverse global community of remote workers and creatives living and working all over the world.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f2eaText
#2d2c2aColor #1
#2d2c2aColor #2
#212121Color #3
#fcfbf8Color #4
#161615Color #5
oklab(0.988013 -0.0000585616 0.00412172 / 0.75)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | bookmanOldStyle |
72px | 400 | 72px | -1.8px |
| h2 | Raleway |
14px | 500 | 20px | 1.4px |
| h3 | bookmanOldStyle |
48px | 400 | 48px | -1.2px |
| 本文 | Raleway |
18px | 700 | 24px | normal |
| リンク | Raleway |
12px | 400 | 0px | normal |
| ボタン | Raleway |
14px | 500 | 24px | normal |
使用フォント頻度
Raleway784箇所
bookmanOldStyle9箇所
Arial4箇所
qePhillips3箇所
スケール・形状
- 角丸スケール
- 6px / 2px / 3.35544e+07px / 3.35544e+07px 0px 0px 3.35544e+07px / 6px 0px 0px 6px / 4px / 50px / 0px 3.35544e+07px 3.35544e+07px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 80-80px / 80-80px / 80-0px / 80-80px / 80-80px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 65px / position: sticky
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com 
dwell.com