Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#ffffffColor #3
#0171e3Color #4
#0b0b0dColor #5
#858a95タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | YakuHanJP |
0px | 700 | 0px | normal |
| h2 | neue-haas-grotesk-text |
18px | 500 | 26.64px | normal |
| h3 | YakuHanJP |
20px | 600 | 31.1px | 0.8px |
| 本文 | YakuHanJP |
12px | 500 | 13.8px | 0.4px |
| リンク | YakuHanJP |
0px | 700 | 0px | normal |
| ボタン | YakuHanJP |
12px | 600 | 12px | 0.24px |
使用フォント頻度
YakuHanJP643箇所
Manuka Condensed20箇所
neue-haas-grotesk-text5箇所
スケール・形状
- 角丸スケール
- 8px / 999px / 50% / 8px 8px 0px 0px / 12px / 10px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 88-117px / 114-117px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 62px / position: fixed
