bucket.bot ↗
サイトを開く
Bucket Robotics helps manufacturing teams scale lines, plants, and automation without increasing risk.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#0d0d0fText
#ffffffColor #1
#ffffffColor #2
oklch(0.6 0.015 255)Color #3
oklch(0.9 0.008 255)Color #4
oklch(0.42 0.02 255)Color #5
oklch(0.79 0.18 83)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Instrument Sans |
88px | 800 | 92.4px | -2.2px |
| h2 | Instrument Sans |
38.4px | 700 | 44.16px | -0.96px |
| 本文 | Barlow |
20px | 400 | 32.5px | normal |
| リンク | Barlow |
16px | 400 | 24px | normal |
| ボタン | Barlow |
16px | 500 | 24px | normal |
使用フォント頻度
Barlow88箇所
IBM Plex Mono10箇所
Instrument Sans6箇所
スケール・形状
- 角丸スケール
- 10px / 14px / 16px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 135-0px / 112-112px / 144-80px / 144-144px / 144-144px
- コンテナ幅
- width: 864px / max-width: 100%
- ナビゲーション
- 高さ 73px / position: fixed
