Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#141618Text
#000000Color #1
#ffffffColor #2
#303133Color #3
#777777Color #4
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Hind |
35px | 600 | 42px | 7px |
| h3 | Hind |
20px | 100 | 24px | normal |
| 本文 | Hind |
15px | 400 | 26.25px | normal |
| リンク | Hind |
14px | 400 | 0px | normal |
| ボタン | Hind |
14px | 400 | 0px | normal |
使用フォント頻度
Hind501箇所
Poppins10箇所
スケール・形状
- シャドウ
- 2パターン使用
- ナビゲーション
- 高さ 105px / position: relative