apptronik.com ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffff00Text
#333333Color #1
#333333Color #2
#ffffffColor #3
#0000eeColor #4
#222222Color #5
#f44c1bタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Gotham Medium |
40px | 400 | 50px | 1px |
| 本文 | Gotham Medium |
13px | 400 | 23px | normal |
| リンク | Arial |
14px | 400 | 20px | normal |
| ボタン | Arial |
14px | 400 | 20px | normal |
使用フォント頻度
Arial143箇所
Gotham Medium64箇所
Gotham37箇所
Gotham Light32箇所
Gotham Book24箇所
スケール・形状
- 角丸スケール
- 200px / 5000px / 100% / 10px
- セクション余白(pt/pb)
- 31-31px / 31-31px / 50-0px / 0-100px / 160-0px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 45px / position: static
wirobotics.com 
starship.xyz 
agilityrobotics.com 