bondapp.io ↗
サイトを開く
Building BOND, your AI Chief of Staff
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f1f2f3Text
#000000Color #1
#000000Color #2
#67676aColor #3
#0000eeColor #4
#2b2b2cColor #5
#f1f2f3タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Aeonik Pro Medium |
62px | 500 | 68.2px | -1.24px |
| h2 | Aeonik Pro Medium |
46px | 500 | 55.2px | normal |
| h3 | Aeonik Pro Medium |
29px | 500 | 37.7px | 0.29px |
| 本文 | Aeonik Pro Medium |
13px | 500 | 18.2px | 0.26px |
| リンク | sans-serif |
12px | 400 | normal | normal |
使用フォント頻度
sans-serif484箇所
Aeonik Pro Medium39箇所
Aeonik Pro Regular32箇所
TWK Everett Medium2箇所
スケール・形状
- 角丸スケール
- 9px / 4px / 6px / 11px / 19px / 5px / 16px / 14px 0px 0px 14px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 120-0px / 120-120px / 16-16px / 120-140px / 110-110px
- コンテナ幅
- width: 1120px / max-width: none
- ナビゲーション
- 高さ 102px / position: relative
