Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#828282Color #3
#ffffffColor #4
#666666タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Hiragino Kaku Gothic Pro |
16px | 700 | 16px | normal |
| h2 | Helvetica |
28px | 700 | 28px | normal |
| h3 | Times New Roman |
32px | 400 | 32px | normal |
| 本文 | Hiragino Kaku Gothic Pro |
12.8px | 700 | 12.8px | normal |
| リンク | Hiragino Kaku Gothic Pro |
16px | 700 | 16px | normal |
| ボタン | Hiragino Kaku Gothic Pro |
16px | 400 | 16px | normal |
使用フォント頻度
Hiragino Kaku Gothic Pro276箇所
Helvetica31箇所
Times New Roman23箇所
スケール・形状
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 70-0px
- コンテナ幅
- width: 890px / max-width: none
- ナビゲーション
- 高さ 240px / position: static
