Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.16 0.00284 27)Text
oklch(0.945 0.00284 27)Color #1
oklch(0.945 0.00284 27)Color #2
#111111Color #3
#edededColor #4
#a9a9a9Color #5
#444444タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Poly Sans |
80px | 500 | 76.8px | -2.48px |
| h2 | Poly Sans |
34px | 300 | 36.72px | -0.5px |
| 本文 | Poly Sans |
22px | 400 | 29.04px | -0.682px |
| リンク | Poly Sans |
14px | 400 | 21px | 0.256px |
| ボタン | Poly Sans |
14px | 400 | 21px | normal |
使用フォント頻度
Poly Sans377箇所
Poly Sans Mono18箇所
スケール・形状
- 角丸スケール
- 8px / 0px 0px 12.8px 12.8px / 6px / 32px / 16px / 999px / 12px / 0px 0px 14px 14px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 88-24px / 56-0px / 0-32px / 56-56px / 56-56px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 103px / position: sticky