Why move a 2-pound burrito in a 2-ton car? Meet Serve, the future of sustainable, self-driving delivery.
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
#ffffff#083031#083031#ffffffoklab(0.999994 0.0000455677 0.0000200868 / 0.7)oklab(0.283059 -0.0406996 -0.0128133 / 0.3)oklab(0.283059 -0.0406996 -0.0128133 / 0.68)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Roobert |
113.731px | 500 | 113.731px | -2.4px |
| h2 | Roobert |
59.8204px | 400 | 59.8204px | -1.2px |
| h3 | Roobert |
38.1714px | 400 | 49.6229px | normal |
| 本文 | Roobert |
15.7388px | 400 | 20.4604px | -0.16px |
| リンク | Roobert |
14px | 500 | 18.2px | -0.14px |
| ボタン | Roobert |
14px | 500 | 18.2px | -0.14px |
使用フォント頻度
スケール・形状
- 角丸スケール
- 4px / 2px / 8px
- セクション余白(pt/pb)
- 16-16px / 140-140px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 68px / position: fixed