bolt.new ↗
サイトを開く
Build and scale high-performing websites & apps using your words. Join millions and start building today.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#1e1e21Text
#ffffffColor #1
#ffffffColor #2
#fffeffColor #3
#ffffff99Color #4
#ffffffbfColor #5
#ffffffb3タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter Display |
48px | 700 | 48px | -1.2px |
| h2 | Inter |
30px | 500 | 36px | normal |
| h3 | Inter |
18px | 500 | 28px | normal |
| 本文 | Inter |
18px | 500 | 28px | normal |
| リンク | Inter |
24px | 600 | 32px | normal |
| ボタン | Inter |
14px | 500 | 20px | normal |
使用フォント頻度
Inter287箇所
Inter Display14箇所
スケール・形状
- 角丸スケール
- 6px / 50% / 16px / 12px / 7.04px 7.04px 0px 0px / 9999px / 4px / 24px 12px 12px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 0-120px / 120-80px / 80-48px / 192-192px
- コンテナ幅
- width: 1152px / max-width: 1152px
- ナビゲーション
- 高さ 50px / position: fixed
