useprobe.ai ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#faf9f5Text
#1b1c1aColor #1
#1b1c1aColor #2
#000000Color #3
#777871Color #4
#464742Color #5
#faf9f5タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Fraunces |
144px | 420 | 138.24px | -5.04px |
| h2 | Fraunces |
56px | 420 | 58.24px | -1.4px |
| 本文 | -apple-system |
18px | 400 | 27.9px | normal |
| リンク | -apple-system |
16px | 400 | 24.8px | normal |
| ボタン | -apple-system |
14px | 500 | normal | normal |
使用フォント頻度
-apple-system15箇所
Fraunces2箇所
スケール・形状
- 角丸スケール
- 4px
- セクション余白(pt/pb)
- 80-120px / 120-120px
- コンテナ幅
- width: 1016px / max-width: 1080px
- ナビゲーション
- 高さ 60px / position: fixed
