runcopycat.com ↗
サイトを開く
Automate insurance workflows with AI agents for claims, multi-carrier quoting, quote comparison, proposal generation, and portal work. SOC 2 certified.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f9fcText
#475569Color #1
#475569Color #2
#0f172aColor #3
#94a3b8Color #4
#2563ebColor #5
#cbd5e1bfタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Fraunces |
84px | 400 | 82.32px | -2.52px |
| h2 | Fraunces |
36.8px | 400 | 38.64px | -0.736px |
| h3 | Fraunces |
19.2px | 400 | 30.72px | -0.192px |
| 本文 | DM Sans |
18.4px | 400 | 31.28px | -0.16px |
| リンク | DM Sans |
20.8px | 700 | 33.28px | -0.624px |
| ボタン | DM Sans |
13.3333px | 400 | normal | normal |
使用フォント頻度
DM Sans288箇所
Fraunces25箇所
スケール・形状
- 角丸スケール
- 6px / 8px / 14px / 10px / 4px / 50% / 22px / 999px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 220-200px / 28-28px / 72-64px / 100-100px / 48-100px
- コンテナ幅
- width: 1200px / max-width: 1200px
- ナビゲーション
- 高さ 69px / position: fixed
