characterquilt.com ↗
サイトを開く
CharacterQuilt is an AI-native marketing agency that handles data, design, and deployment — end to end — inside the tools your team already uses.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f9f9f7Text
#1a1a1aColor #1
#1a1a1aColor #2
#1a1a1a73Color #3
#1a1a1a80Color #4
#1a1a1a66Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Cormorant Garamond |
44px | 400 | 50.6px | -0.88px |
| h2 | Cormorant Garamond |
40px | 400 | 48px | -0.8px |
| h3 | Fustat |
15px | 500 | 19.5px | -0.15px |
| 本文 | Inter Variablefont Opsz Wght |
15px | 400 | 26.25px | normal |
| リンク | Fustat |
16px | 400 | 25.6px | -0.16px |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
Fustat237箇所
Inter31箇所
Cormorant Garamond17箇所
Inter Variablefont Opsz Wght15箇所
Arial3箇所
スケール・形状
- 角丸スケール
- 6px / 14px / 100px / 10px / 8px / 4px / 3px / 12px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 88-72px / 60-72px / 64-56px / 40-48px / 72-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 60px / position: sticky
