withsherpa.ai ↗
サイトを開く
Sherpa watches your funnel, runs experiments, and ships what converts. While you sleep.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fbf7f4Text
lab(2.75381 0 0)Color #1
#18181bColor #2
#78716cColor #3
#ffffffColor #4
lab(2.75381 0 0)Color #5
#c4542dタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | DM Sans |
48px | 700 | 51.84px | -1.2px |
| h2 | DM Sans |
36px | 700 | 39.6px | -0.72px |
| h3 | DM Sans |
16px | 700 | 25.6px | normal |
| 本文 | DM Sans |
18px | 400 | 28.8px | normal |
| リンク | DM Sans |
14px | 400 | 22.4px | normal |
| ボタン | DM Sans |
16px | 400 | 25.6px | normal |
使用フォント頻度
DM Sans186箇所
ui-sans-serif3箇所
スケール・形状
- 角丸スケール
- 8px / 100px / 10px / 12px / 50% / 6px / 4px / 18px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 120-56px / 24-24px / 56-56px / 56-56px / 86.4-0px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 85px / position: fixed
