avearobotics.com ↗
サイトを開く
Avea
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#12141eText
#000000Color #1
#000000Color #2
#d4d7ecColor #3
#929cd6Color #4
#0000eeColor #5
#1c1f2eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Halant |
70px | 400 | 77px | -4.9px |
| h2 | Halant |
56px | 400 | 61.6px | -3.36px |
| 本文 | Geist |
14px | 500 | 21px | -0.56px |
| リンク | sans-serif |
12px | 400 | normal | normal |
| ボタン | sans-serif |
12px | 400 | normal | normal |
使用フォント頻度
sans-serif335箇所
Geist63箇所
Halant15箇所
スケール・形状
- 角丸スケール
- 8px / 12px / 32px / 24px / 28px / 50px / 16px / 6px
- セクション余白(pt/pb)
- 160-80px / 80-80px / 80-80px / 120-120px / 80-80px
- コンテナ幅
- width: 1312px / max-width: none
- ナビゲーション
- 高さ 85px / position: relative
