サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fdfcfcText
#000000Color #1
#000000Color #2
#777169Color #3
#57534eColor #4
#ffffffColor #5
#a59f97タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Waldenburg |
48px | 300 | 52px | -0.96px |
| h2 | Inter |
16px | 400 | 24px | 0.16px |
| h3 | Inter |
16px | 500 | 24px | 0.16px |
| 本文 | Waldenburg |
14px | 400 | 20px | 0.28px |
| リンク | Waldenburg |
14px | 700 | 28.8px | normal |
| ボタン | WaldenburgHF |
16px | 700 | 24px | 0.32px |
使用フォント頻度
Inter662箇所
Waldenburg120箇所
WaldenburgFH11箇所
WaldenburgHF7箇所
スケール・形状
- 角丸スケール
- 50% / 50px / 9999px / 18px / 20px / 20px 20px 0px 0px / 14px / 2px
- シャドウ
- 5パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 36px / position: static
