clarm.com ↗
サイトを開く
AI Inbound Conversion Engine — captures visitors, qualifies buyer intent with AI, and routes revenue 24/7 across web chat, Slack, Discord, GitHub, and email.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f7f8fbText
#1e293bColor #1
#1e293bColor #2
#0f172aColor #3
#475569Color #4
#ffffffColor #5
#2563ebタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Plus Jakarta Sans |
40px | 800 | 44.8px | -1.2px |
| h2 | Plus Jakarta Sans |
32px | 600 | 38.4px | -0.64px |
| h3 | Plus Jakarta Sans |
24px | 600 | 31.2px | -0.6px |
| 本文 | Plus Jakarta Sans |
17px | 400 | 26.35px | normal |
| リンク | Plus Jakarta Sans |
16px | 400 | 24px | normal |
| ボタン | Plus Jakarta Sans |
14px | 500 | 20px | normal |
使用フォント頻度
Plus Jakarta Sans191箇所
system-ui22箇所
スケール・形状
- 角丸スケール
- 14px / 9999px / 18px / 10px / 20px / 6px / 50% / 16px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 104-72px / 80-80px / 80-80px / 80-80px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 65px / position: fixed
