Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#171717Color #1
#ffffffColor #2
#171717Color #3
#000000Color #4
#ff0000Color #5
#ffffff66タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | geistXrealDiatype |
40px | 500 | 48px | -1.2px |
| h2 | geistXrealDiatype |
40px | 500 | 48px | normal |
| 本文 | geistXrealDiatype |
18px | 400 | 21.6px | normal |
| リンク | geistXrealDiatype |
14px | 500 | 16.8px | -0.28px |
| ボタン | geistXrealDiatype |
16px | 400 | 19.2px | normal |
使用フォント頻度
geistXrealDiatype394箇所
geistMono6箇所
スケール・形状
- 角丸スケール
- 20px / 10px / 0px 0px 40px 40px / 16px / 999px / 3.35544e+07px / 12px / 32px
- シャドウ
- 1パターン使用
- コンテナ幅
- width: 1440px / max-width: none