Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#333333Color #2
#adadadColor #3
#ffffffColor #4
#ac9890Color #5
#cf761dタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | 游ゴシック体 |
48px | 700 | 72px | 0.8px |
| h2 | 游ゴシック体 |
24px | 700 | 43.2px | 0.8px |
| h3 | 游ゴシック体 |
14px | 700 | 25.2px | 0.8px |
| 本文 | 游ゴシック体 |
16px | 700 | 24px | 0.8px |
| リンク | 游ゴシック体 |
16px | 400 | 24px | 0.8px |
| ボタン | 游ゴシック体 |
16px | 400 | 24px | normal |
使用フォント頻度
游ゴシック体797箇所
Montserrat3箇所
スケール・形状
- 角丸スケール
- 10px / 12px / 8px / 4px
- セクション余白(pt/pb)
- 64-64px / 64-80px / 32-0px / 80-80px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 60px / position: sticky
