aicepower.com ↗
サイトを開く
AICE Power builds swarms of autonomous subsea drones for the monitoring and protection of critical infrastructure.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.977 0.005 252)Text
oklch(0.147 0.036 265)Color #1
oklch(0.147 0.036 265)Color #2
oklch(0.869 0.022 252.894)Color #3
oklch(0.704 0.04 256.788)Color #4
oklch(0.554 0.046 257.417)Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Space Grotesk |
72px | 400 | 75.6px | -1.8px |
| 本文 | ui-monospace |
8px | 400 | 12px | 1.6px |
| リンク | Inter |
16px | 400 | 24px | normal |
| ボタン | Inter |
10.4px | 500 | 15.6px | 2.288px |
使用フォント頻度
Inter64箇所
ui-monospace2箇所
Space Grotesk1箇所
スケール・形状
- 角丸スケール
- 3.35544e+07px
- シャドウ
- 3パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 67px / position: fixed
