サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#000000Text
#ffffffColor #1
#f2f3f5Color #2
#5c6273Color #3
#000000Color #4
#a8aebdタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Fraunces |
104px | 400 | 101.92px | -2.6px |
| 本文 | Fraunces |
28px | 300 | 42px | -0.14px |
| リンク | Inter |
12px | 400 | 18px | normal |
使用フォント頻度
Inter10箇所
JetBrains Mono4箇所
Fraunces2箇所
スケール・形状
- 角丸スケール
- 50% / 999px
- セクション余白(pt/pb)
- 60-80px
- コンテナ幅
- width: 1240px / max-width: 1240px
- ナビゲーション
- 高さ 80px / position: static
