godhands.dev ↗
サイトを開く
The High-Fidelity Infrastructure for Deterministic Desktop Automation.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#0f0f10Text
#f0eeeaColor #1
#f0eeeaColor #2
#a8a399Color #3
#64748bColor #4
#0f0f10Color #5
#cbd5e1タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Source Serif 4 |
60px | 600 | 64.8px | -1.44px |
| h2 | Source Serif 4 |
40px | 600 | 44px | -0.96px |
| h3 | Source Serif 4 |
18px | 600 | 24.75px | -0.432px |
| 本文 | Source Serif 4 |
26px | 400 | 36.4px | normal |
| リンク | Source Serif 4 |
16px | 400 | 24.8px | normal |
| ボタン | ui-sans-serif |
11px | 600 | 16px | normal |
使用フォント頻度
Source Serif 4122箇所
ui-sans-serif80箇所
ui-monospace14箇所
スケール・形状
- 角丸スケール
- 4px / 8px / 16px / 9999px / 10px / 4px 4px 0px 0px / 0px 0px 4px 4px / 6px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 160-112px / 112-112px / 96-96px
- コンテナ幅
- width: 1320px / max-width: 1320px
- ナビゲーション
- 高さ 69px / position: fixed
