サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#111827Color #1
#111827Color #2
#ffffffColor #3
#0f172aColor #4
oklab(0.999994 0.0000455678 0.0000200868 / 0.5)Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Syne |
52px | 600 | 56.16px | normal |
| h2 | Syne |
46.08px | 600 | 50.688px | -1.3824px |
| 本文 | Plus Jakarta Sans |
16px | 500 | 28px | normal |
| リンク | Plus Jakarta Sans |
14px | 700 | 21px | 1.96px |
| ボタン | Inter |
13px | 500 | 19.5px | normal |
使用フォント頻度
Plus Jakarta Sans85箇所
Syne6箇所
Inter2箇所
スケール・形状
- 角丸スケール
- 999px / 3.35544e+07px / 9999px / 100px / 12px / 16px / 32px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 13.5-0px / 56-56px / 80-80px / 80-80px / 64-56px
- コンテナ幅
- width: 1440px / max-width: 1440px
- ナビゲーション
- 高さ 56px / position: sticky
