projectx.cloud ↗
サイトを開く
Run GPU-accelerated apps like Blender, ROS2, Isaac Sim, and more straight from your browser.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#242424Text
oklch(0.145 0 0)Color #1
oklch(0.145 0 0)Color #2
#0f0f0fColor #3
#ffffffColor #4
oklch(0.707 0.022 261.325)Color #5
oklch(0.373 0.034 259.733)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Montserrat |
72px | 700 | 75.6px | -1.8px |
| h2 | Montserrat |
20px | 600 | 21px | -0.5px |
| h3 | system-ui |
18px | 700 | 28px | 0.45px |
| 本文 | system-ui |
16px | 400 | 26px | normal |
| リンク | system-ui |
16px | 400 | 24px | normal |
| ボタン | system-ui |
16px | 400 | 24px | normal |
使用フォント頻度
system-ui412箇所
Montserrat8箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px / 10px / 16px / 32px / 24px / 0px 0px 24px 24px / 14px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 108-0px / 80-80px / 128-128px / 96-96px / 96-96px
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 0px / position: static
