78,000+ GitHub stars. Trusted by Fortune 500. The #1 open-source browser automation platform.
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#09090bText
#fafafaColor #1
#fafafaColor #2
#71717aColor #3
#ffffffColor #4
#ffffffccColor #5
#ffffff40タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Geist |
16px | 400 | 16px | normal |
| h2 | Playfair Display |
48px | 400 | 48px | normal |
| h3 | Playfair Display |
60px | 400 | 60px | normal |
| 本文 | Geist |
16px | 400 | 24px | 0.4px |
| リンク | Geist |
16px | 400 | 24px | normal |
| ボタン | Geist |
13px | 400 | 19.5px | normal |
使用フォント頻度
Geist Mono205箇所
Geist175箇所
Playfair Display11箇所
スケール・形状
- 角丸スケール
- 4px / 9999px / 8px / 6px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 160-160px / 128-128px
- コンテナ幅
- width: 1024px / max-width: 1024px
- ナビゲーション
- 高さ 52px / position: fixed