superlog.sh ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#141414Text
#f5f5f6Color #1
#f5f5f6Color #2
#8a8a8fColor #3
#1d1c1dColor #4
#5a5a60Color #5
#f2f0ebタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter |
57px | 450 | 55.86px | -0.855px |
| h2 | Inter |
36px | 600 | 36px | -0.54px |
| h3 | Inter |
22px | 600 | 33px | -0.33px |
| 本文 | Inter |
18px | 400 | 29.25px | normal |
| リンク | Inter |
12px | 500 | 18px | normal |
| ボタン | Inter |
12px | 500 | 18px | -0.18px |
使用フォント頻度
Inter153箇所
JetBrains Mono13箇所
スケール・形状
- 角丸スケール
- 2px / 10px / 14px / 6px / 9999px / 12px / 2px 2px 0px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-32px / 0-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 68px / position: sticky
