godela.ai ↗
サイトを開く
Godela is bringing AI-powered physics intelligence to the physical world.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#08080aText
#f5f4f7Color #1
#f5f4f7Color #2
#1a1a1fColor #3
#dedce3Color #4
#f5e9d8Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Instrument Sans |
60px | 400 | 64.8px | -2.4px |
| h2 | Instrument Sans |
34.4px | 400 | 40.592px | -0.86px |
| h3 | Instrument Sans |
15px | 400 | 21px | -0.03px |
| 本文 | Instrument Sans |
17px | 400 | 27.2px | normal |
| リンク | Instrument Sans |
14px | 600 | normal | normal |
使用フォント頻度
Instrument Sans111箇所
JetBrains Mono5箇所
スケール・形状
- 角丸スケール
- 0px 0px 7px 7px / 6px / 7px / 12px / 10px 10px 3px / 10px 10px 10px 3px / 8px / 32.048% 67.952% 68.6346% 31.3654% / 31.3654% 32.048% 67.952% 68.6346%
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 100-0px / 56-0px / 120-120px / 120-120px / 120-120px
- コンテナ幅
- width: 1240px / max-width: 1240px
- ナビゲーション
- 高さ 64px / position: sticky
