fixture.app ↗
サイトを開く
Fixture is customer engagement for the AI era. Sign up for early access.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#000000Text
#ffffffColor #1
#ffffffColor #2
oklab(0.999994 0.0000455677 0.0000200868 / 0.7)Color #3
oklab(0.999994 0.0000455677 0.0000200868 / 0.6)Color #4
#22004cColor #5
oklab(0.999994 0.0000455678 0.0000200868 / 0.9)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | JetBrains Mono |
46px | 400 | 57.5px | 1.15px |
| h2 | JetBrains Mono |
24px | 500 | 32px | 0.6px |
| 本文 | Space Grotesk |
16px | 400 | 22px | normal |
| リンク | Space Grotesk |
16px | 400 | 24px | normal |
| ボタン | Space Grotesk |
16px | 400 | 24px | normal |
使用フォント頻度
Space Grotesk352箇所
JetBrains Mono24箇所
スケール・形状
- 角丸スケール
- 4px / 30px / 1px / 3.35544e+07px / 8px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 192-192px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 64px / position: sticky
