サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#4d4d4dColor #1
#4d4d4dColor #2
#ffffffColor #3
#532a13Color #4
#8f8f8fColor #5
#3d3d3dタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Noto Sans JP |
14px | 400 | 14px | 0.7px |
| h2 | Helvetica Neue |
22px | 400 | 26.4px | 0.7px |
| h3 | Noto Sans JP |
15px | 400 | 22.5px | 0.6px |
| 本文 | Noto Sans JP |
12px | 400 | 15.6px | 0.48px |
| リンク | Noto Sans JP |
14px | 400 | 14px | 0.7px |
| ボタン | Helvetica |
12px | 400 | 14.4px | 0.48px |
使用フォント頻度
Noto Sans JP336箇所
Helvetica Neue43箇所
Helvetica12箇所
スケール・形状
- 角丸スケール
- 28px / 50% / 0px 0px 60px 60px / 18px / 8px / 24px / 50px / 17px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 32-64px / 80-80px / 1199.98-0px / 72-72px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 88px / position: sticky
wirobotics.com 
starship.xyz 
agilityrobotics.com 