mentra.glass ↗
サイトを開く
Mentra Live gives field teams and developers open-source smart glasses with camera, audio, AI workflows, and apps built on MentraOS.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#141414e6Color #1
#141414e6Color #2
#0a0a0aColor #3
#2d2d2dColor #4
#ffffffColor #5
#006d3eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Red Hat Display |
48px | 600 | 51.84px | normal |
| h2 | Red Hat Display |
40px | 700 | 50px | normal |
| h3 | Red Hat Display |
28px | 600 | 30.24px | normal |
| 本文 | Red Hat Display |
17px | 500 | 26.35px | normal |
| リンク | Red Hat Display |
16px | 400 | 24px | normal |
| ボタン | Red Hat Display |
16px | 400 | 24px | normal |
使用フォント頻度
Red Hat Display529箇所
スケール・形状
- 角丸スケール
- 8px / 9999px / 12px / 16px / 18px / 24px / 50% / 4px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 88-56px / 88-88px / 28-28px / 88-88px / 28-44px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 57px / position: fixed
