Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#2a2a2aText
#ffffffColor #1
#ffffffColor #2
#888b8dColor #3
#878a8cColor #4
#313233Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Montserrat |
48px | 600 | 57.6px | 0.25px |
| 本文 | Montserrat |
16px | 500 | 24px | 0.25px |
| リンク | Montserrat |
16px | 400 | 24px | normal |
| ボタン | Montserrat |
16px | 500 | 24px | 0.25px |
使用フォント頻度
Montserrat405箇所
スケール・形状
- 角丸スケール
- 10px / 50% / 2px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 120-160px / 160-120px
- コンテナ幅
- width: 1366px / max-width: 1366px
- ナビゲーション
- 高さ 80px / position: fixed