spectacles.com ↗
サイトを開く
See the world through a new lens with Spectacles from Snap. Join us in building the next generation of computing that empowers you to look up and experience the world hands free.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#000000Text
#000000Color #1
#ffffffColor #2
#000000Color #3
#c7c7ccColor #4
#0000eeColor #5
#555555タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Graphik |
144px | 700 | 129.6px | normal |
| h2 | Graphik |
90px | 700 | 90px | normal |
| h3 | Graphik |
28px | 500 | 33.6px | normal |
| 本文 | Graphik |
144px | 700 | 129.6px | normal |
| リンク | Graphik |
18px | 400 | 24px | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
Graphik137箇所
Noto Sans CJK JP19箇所
Arial3箇所
スケール・形状
- 角丸スケール
- 50% / 16px / 64px / 8px / 10px / 20px / 100% / 15px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 16-16px / 16-16px / 16-16px / 16-16px / 16-16px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 64px / position: sticky
wirobotics.com 
starship.xyz 
agilityrobotics.com 