Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f6f5f1Text
#3f3f3fColor #1
#3f3f3fColor #2
#999999Color #3
#ccccccColor #4
#f6f5f1タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Berkeley Mono |
48px | 700 | 52.8px | -2.4px |
| h2 | Berkeley Mono |
24px | 700 | 26.4px | normal |
| h3 | Berkeley Mono |
19.2px | 700 | 16px | normal |
| リンク | Berkeley Mono |
14px | 400 | 22.4px | normal |
| ボタン | Berkeley Mono |
16px | 400 | 25.6px | normal |
使用フォント頻度
Berkeley Mono39箇所
Times New Roman2箇所
スケール・形状
- ナビゲーション
- 高さ 27px / position: static