chronicle-labs.com ↗
サイトを開く
Turn production data into staging environments. Test AI agents before launch, catch 12x more failures, and deploy with confidence. Backed by Y Combinator.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#100c0cText
#000000Color #1
#000000Color #2
#100c0cColor #3
#0000eeColor #4
#eaeaeaColor #5
#ff8000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Kalice Trial Medium |
45px | 500 | 45px | -0.9px |
| h2 | Kalice Trial Medium |
40px | 500 | 48px | -0.8px |
| h3 | Kalice Trial Bold |
24px | 700 | 31.2px | normal |
| 本文 | Geist |
14px | 400 | 18.2px | normal |
| リンク | sans-serif |
12px | 400 | normal | normal |
| ボタン | sans-serif |
12px | 400 | normal | normal |
使用フォント頻度
sans-serif591箇所
Geist47箇所
Geist Mono16箇所
Inter14箇所
Kalice Trial Bold13箇所
スケール・形状
- 角丸スケール
- 4px / 100% / 13.1178% / 6px / 2px / 10px / 99px / 3px / 8px
- シャドウ
- 1パターン使用
- ナビゲーション
- 高さ 18px / position: static
