global.rokid.com ↗
サイトを開く
Rokidは、最先端の空間コンピューティング技術を搭載したARグラスで未来を切り拓きます。いつでもどこでも没入感のあるスマートディスプレイを通して、学習、仕事、エンターテイメント、エンジニアリングの分野で創造性を刺激します。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#232e3aColor #1
#232e3aColor #2
#ffffffColor #3
#323232Color #4
#121212Color #5
#1f1f1fタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | HarmonyOS Sans SC |
40.32px | 700 | 48.384px | -2.016px |
| h2 | HarmonyOS Sans SC |
16.2px | 700 | 19.44px | -0.81px |
| h3 | HarmonyOS Sans SC |
44px | 700 | 57.2px | -2.2px |
| 本文 | HarmonyOS Sans SC |
13.5px | 400 | 17.55px | normal |
| リンク | HarmonyOS Sans SC |
13.5px | 400 | 17.55px | normal |
| ボタン | HarmonyOS Sans SC |
13.5px | 700 | normal | normal |
使用フォント頻度
HarmonyOS Sans SC800箇所
スケール・形状
- 角丸スケール
- 3px 0px 0px / 2px / 60px / 50px / 6px / 8px / 749.25px / 9px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 32-32px / 24-24px
- コンテナ幅
- width: 1425px / max-width: 1440px
- ナビゲーション
- 高さ 124px / position: relative
wirobotics.com 
starship.xyz 
agilityrobotics.com 