dartboardenergy.com ↗
サイトを開く
Dartboard turns raw telemetry into clear, classified events. Stop digging through alarms. Stop reconstructing logs after the fact.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#1a1a1aColor #1
#1a1a1aColor #2
#555555Color #3
#884444Color #4
#8a6508Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
52px | 800 | 57.2px | -1.2px |
| h2 | -apple-system |
36px | 700 | 43.2px | -0.8px |
| h3 | -apple-system |
11px | 700 | 17.05px | 1.8px |
| 本文 | -apple-system |
18px | 400 | 27.9px | normal |
| リンク | -apple-system |
16px | 400 | 24.8px | normal |
使用フォント頻度
-apple-system87箇所
SF Mono12箇所
スケール・形状
- 角丸スケール
- 6px / 100px / 14px 0px 0px 14px / 3px / 0px 14px 14px 0px / 12px / 14px / 16px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 96-72px / 56-96px / 88-88px / 88-88px / 88-88px
- コンテナ幅
- width: 1100px / max-width: 1100px
- ナビゲーション
- 高さ 71px / position: sticky
