Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#14212bColor #1
#14212bColor #2
#5b646bColor #3
#124a7bColor #4
#5081a5Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | JapaneseCharacter |
12px | 300 | 12px | 0.144px |
| h2 | JapaneseCharacter |
16px | 400 | 18.4px | 0.192px |
| h3 | JapaneseCharacter |
24px | 600 | 33.6px | 0.288px |
| 本文 | JapaneseCharacter |
16px | 600 | 25.6px | 0.192px |
| リンク | JapaneseCharacter |
16px | 400 | 22.4px | 0.192px |
| ボタン | JapaneseCharacter |
16px | 400 | 18.4px | 0.192px |
使用フォント頻度
JapaneseCharacter800箇所
スケール・形状
- 角丸スケール
- 2px / 4px / 4px 4px 0px 0px / 9999px / 32px / 32px 32px 0px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 80-0px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 72px / position: static
