lightsprint.ai ↗
サイトを開く
Make your product team AI-native without rebuilding it. Lightsprint is one platform where developers, PMs, and designers plan, build, and ship together with parallel cloud agents, on the codebase you already run.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.985 0.003 105.99)Text
oklch(0.217 0.004 106.64)Color #1
oklch(0.217 0.004 106.64)Color #2
oklch(0.517 0.004 107.51)Color #3
oklch(0.985 0.003 105.99)Color #4
oklch(0.635 0.125 40.89)Color #5
oklab(0.985 -0.000826409 0.00288393 / 0.7)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Instrument Serif |
60px | 400 | 66px | -1.5px |
| h2 | Instrument Serif |
48px | 400 | 52.8px | -1.2px |
| h3 | Inter |
18px | 600 | 24.75px | normal |
| 本文 | Inter |
18px | 400 | 24.75px | normal |
| リンク | Inter |
17px | 400 | 25.5px | normal |
| ボタン | Inter |
14px | 500 | 20px | normal |
使用フォント頻度
Inter156箇所
Instrument Serif12箇所
スケール・形状
- 角丸スケール
- 10px / 12px / 3.35544e+07px / 14px / 3px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 160-96px / 48-48px / 96-96px / 0-48px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 65px / position: fixed
