サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#ffffffColor #1
#171523Color #2
#ffffffColor #3
#2e4453Color #4
#000000Color #5
#b32d2eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Fjalla One |
47.992px | 550 | 62.3896px | normal |
| h3 | Fjalla One |
52px | 700 | 62.4px | normal |
| 本文 | Libre Baskerville |
16px | 400 | 28.8px | normal |
| リンク | Libre Baskerville |
16px | 400 | 28.8px | normal |
| ボタン | Libre Baskerville |
16px | 400 | 28.8px | normal |
使用フォント頻度
Libre Baskerville144箇所
-apple-system23箇所
Arial11箇所
Fjalla One6箇所
Albert Sans6箇所
スケール・形状
- 角丸スケール
- 3px / 4px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 37.5-37.5px / 37.5-37.5px / 37.5-37.5px
- コンテナ幅
- width: 1290px / max-width: none
- ナビゲーション
- 高さ 112px / position: static
