サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#ffffffColor #1
#ffffffColor #2
#ffffffd1Color #3
#ffffffb3Color #4
#fffffff2Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Sofia Sans Condensed |
56px | 700 | 56px | 1.68px |
| h2 | Sofia Sans Condensed |
43.2px | 700 | 47.52px | 1.296px |
| h3 | Sofia Sans |
18.72px | 700 | 28.08px | normal |
| 本文 | Sofia Sans |
22.4px | 400 | 30.24px | normal |
| リンク | Sofia Sans |
16px | 400 | 24px | normal |
| ボタン | Sofia Sans |
16.8px | 700 | normal | normal |
使用フォント頻度
Sofia Sans214箇所
Sofia Sans Condensed4箇所
Arial3箇所
-apple-system1箇所
スケール・形状
- 角丸スケール
- 5px / 12px / 4px / 3px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 16-160px
- コンテナ幅
- width: 1128px / max-width: 1080px
- ナビゲーション
- 高さ 102px / position: relative
