サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#333333Color #2
#ffffffColor #3
#54595fColor #4
#969696Color #5
#f26a21タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Bariol |
38.4px | 700 | 38.4px | normal |
| h2 | Bariol |
38.4px | 700 | 46.08px | normal |
| 本文 | -apple-system |
18px | 700 | 24px | normal |
| リンク | -apple-system |
12px | 400 | 20px | normal |
| ボタン | Museo Sans 300 |
16px | 400 | 24px | normal |
使用フォント頻度
-apple-system550箇所
Museo Sans 500155箇所
Bariol28箇所
Museo Sans 30026箇所
Museo Sans1箇所
スケール・形状
- 角丸スケール
- 50% / 20px / 6px / 4px / 0px 0px 6px 6px / 3px / 100px / 50px 50px 0px 0px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 55-0px / 0-20px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 130px / position: static
wirobotics.com 
starship.xyz 
agilityrobotics.com 