サイトを開く
ktx teaches agents how to query your warehouse accurately. It learns your metric definitions, joinable columns, and business knowledge, then writes them as reviewable YAML and Markdown in git. Apache 2.0. Run locally.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#faf9f6Text
#57534eColor #1
#2d3e45Color #2
#8a8580Color #3
#5a6f77Color #4
#3d4f56Color #5
oklab(0.999994 0.0000455678 0.0000200868 / 0.5)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Outfit |
60px | 400 | 64.8px | -1.5px |
| h2 | Outfit |
44px | 400 | 47.52px | -1.1px |
| h3 | Outfit |
20px | 600 | 25px | -0.5px |
| 本文 | Inter |
17px | 400 | 27.625px | normal |
| リンク | Inter |
13px | 500 | 19.5px | normal |
| ボタン | Inter |
16px | 400 | 24px | normal |
使用フォント頻度
Inter526箇所
Outfit31箇所
Geist Mono14箇所
スケール・形状
- 角丸スケール
- 8px / 4px / 6px / 3.35544e+07px / 16px / 12px / 14px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 144-80px / 48-48px / 80-80px / 96-96px / 96-96px
- コンテナ幅
- width: 700px / max-width: none
- ナビゲーション
- 高さ 106px / position: fixed
