サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#111827Color #2
#ffffffccColor #3
#ffffffColor #4
#130a36Color #5
#ff5f52タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Google Sans |
88px | 700 | 86.24px | -3.08px |
| h2 | Google Sans |
56px | 700 | 58.8px | -1.4px |
| 本文 | Google Sans |
18.72px | 400 | 29.016px | normal |
| リンク | Google Sans |
14px | 500 | 21px | normal |
| ボタン | Google Sans |
12px | 700 | 18px | 0.24px |
使用フォント頻度
Google Sans194箇所
スケール・形状
- 角丸スケール
- 999px / 8px / 14px / 20px / 16px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 160-100px / 112-112px / 112-112px / 112-112px / 112-112px
- コンテナ幅
- width: 1240px / max-width: 1240px
- ナビゲーション
- 高さ 106px / position: fixed
