サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#121212Color #2
#333333Color #3
#ffffffColor #4
#595959Color #5
#1a1a1aタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Figtree |
28px | 500 | 0px | normal |
| h2 | Figtree |
26.25px | 500 | 42px | normal |
| h3 | Figtree |
29.4px | 500 | 39.9px | normal |
| 本文 | Figtree |
18px | 400 | 35px | normal |
| リンク | Helvetica Neue |
16px | 400 | 25.6px | normal |
| ボタン | Figtree |
18px | 400 | 48px | normal |
使用フォント頻度
Figtree323箇所
Helvetica Neue263箇所
sans-serif7箇所
ui-sansserif2箇所
スケール・形状
- 角丸スケール
- 2px / 6px / 3.2px / 16px / 5px
- セクション余白(pt/pb)
- 120-120px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
wirobotics.com 
starship.xyz 
agilityrobotics.com 