サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fbfaf8Text
#1a1814Color #1
#1a1814Color #2
#8a8275Color #3
#514b41Color #4
#fbfaf8Color #5
oklch(0.42 0.1 42)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Plus Jakarta Sans |
76px | 800 | 77.52px | -2.66px |
| h2 | Plus Jakarta Sans |
46px | 800 | 48.3px | -1.38px |
| h3 | Plus Jakarta Sans |
19px | 700 | 29.45px | -0.38px |
| 本文 | Plus Jakarta Sans |
21px | 400 | 31.5px | normal |
| リンク | Plus Jakarta Sans |
20px | 800 | 31px | -0.4px |
| ボタン | Plus Jakarta Sans |
15px | 600 | 23.25px | normal |
使用フォント頻度
Plus Jakarta Sans117箇所
JetBrains Mono15箇所
スケール・形状
- 角丸スケール
- 100px / 20px / 7px / 9px / 14px / 10px / 50% / 11px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 88-0px / 18-18px / 11-11px / 96-30px / 92-92px
- コンテナ幅
- width: 880px / max-width: 880px
- ナビゲーション
- 高さ 71px / position: sticky
