Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#121317Color #1
#121317Color #2
#45474dColor #3
#ffffffColor #4
#ffffffb8Color #5
#f8f9fcタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Google Sans Flex |
20px | 500 | 29px | -0.0888px |
| h3 | Google Sans Flex |
98px | 500 | 96.04px | -2.66756px |
| 本文 | Google Sans Flex |
14.5px | 350 | 21.025px | 0.165735px |
| リンク | Google Sans Flex |
14.5px | 350 | 21.025px | 0.165735px |
| ボタン | Google Sans |
16px | 450 | 24px | 0.5px |
使用フォント頻度
Google Sans Flex798箇所
Google Sans2箇所
スケール・形状
- 角丸スケール
- 4px / 9999px / 24px / 16px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 72-0px / 72-0px
- コンテナ幅
- width: 1440px / max-width: 1440px
- ナビゲーション
- 高さ 65px / position: fixed