joinpap.com ↗
サイトを開く
Our AI agent saves you money automatically by claiming your price adjustment refunds with a simple, one-time setup.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fdfbfdText
#000000Color #1
#000000Color #2
#656465Color #3
#744519Color #4
#242424Color #5
#a2a2a2タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Overusedgrotesk |
56px | 500 | 67.2px | -2px |
| h2 | Overusedgrotesk |
32px | 500 | 38.4px | -0.75px |
| h3 | Overusedgrotesk |
24px | 600 | 27px | -0.25px |
| 本文 | Overusedgrotesk |
16px | 400 | 22.4px | -0.25px |
| リンク | Overusedgrotesk |
20px | 400 | 30px | -0.25px |
| ボタン | Overusedgrotesk |
20px | 400 | 30px | -0.25px |
使用フォント頻度
Overusedgrotesk512箇所
スケール・形状
- 角丸スケール
- 32px / 64px / 40px / 12px / 48px / 21px / 18px / 24px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 128-0px / 100-100px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 42px / position: relative
