hub.xyz ↗
サイトを開く
Hub creates and annotates custom real-world datasets — egocentric, video, image and audio — to train physical AI, sourced through a global network of contributors and verified businesses.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f5f3ecText
#141414Color #1
#141414Color #2
#069c50Color #3
#2a2a2aColor #4
#9d9788Color #5
#6a6557タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Geist |
73.44px | 600 | 70.5024px | -2.5704px |
| h2 | Geist |
56px | 600 | 56px | -1.4px |
| h3 | Geist |
84px | 600 | 84px | -3.36px |
| 本文 | Geist |
18px | 400 | 26.1px | normal |
| リンク | Geist |
16px | 400 | 23.2px | normal |
| ボタン | JetBrains Mono |
12px | 500 | 12px | 0.48px |
使用フォント頻度
Geist286箇所
JetBrains Mono29箇所
スケール・形状
- 角丸スケール
- 99px / 8px / 4px / 6px 6px 0px 0px / 6px / 1px / 0px 0px 6px 6px / 50%
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 132-80px / 72-72px / 120-0px / 140-140px / 140-140px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 69px / position: fixed
