heyhyper.ai ↗
サイトを開く
Hyper — the self-driving company brain
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#1d1b19Text
#e8e8e8Color #1
#e8e8e8Color #2
#ffffffColor #3
#fffcf9c7Color #4
#fffcf9Color #5
#56687aタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | -apple-system |
96px | 600 | 97.92px | -2.688px |
| h2 | -apple-system |
56px | 600 | 59.36px | -1.344px |
| 本文 | -apple-system |
17px | 600 | 26.35px | -0.085px |
| リンク | -apple-system |
16px | 400 | 24.8px | normal |
| ボタン | -apple-system |
16px | 400 | 16px | normal |
使用フォント頻度
-apple-system294箇所
Ace1箇所
スケール・形状
- 角丸スケール
- 22px / 16px / 8px / 13px / 10px / 999px / 14px / 28px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 200-115.2px / 200-200px / 96-96px / 96-96px / 64-64px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 62px / position: fixed
