rig.ai ↗
サイトを開く
A complete AI coding agent that executes entirely on your machine. No API calls. No usage caps. No cloud dependency.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.1448 0 0)Text
oklch(0.9465 0.0099 87.47)Color #1
oklch(0.9465 0.0099 87.47)Color #2
oklch(0.9465 0.0099 87.47 / 0.75)Color #3
oklch(0.6329 0.2075 31.49)Color #4
#f0ede673Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Chalet |
112px | 700 | 98.56px | -4.48px |
| h2 | Chalet |
72px | 700 | 66.24px | -2.16px |
| h3 | Chalet |
21.6px | 700 | 22.68px | -0.432px |
| 本文 | Instrument Sans |
18.4px | 600 | 29.44px | normal |
| リンク | Instrument Sans |
16px | 400 | normal | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
Instrument Sans225箇所
Chivo Mono52箇所
Geist Pixel Square31箇所
Chalet27箇所
Arial2箇所
スケール・形状
- 角丸スケール
- 6px / 10px / 1px / 50%
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 0-64px / 128-128px / 128-0px / 128-128px / 128-128px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 86px / position: static
