pwrmatrix.com ↗
サイトを開く
PowerMatrix offers efficient, compact power supplies for AI, data centers, EVs, and aerospace, cutting 50% energy loss and 100Mt CO₂ yearly
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#333333Color #1
#333333Color #2
#000000Color #3
#6c3b7aColor #4
#e4e4e4Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Space Grotesk 500 |
60.8px | 500 | 80px | normal |
| h2 | Space Grotesk 500 |
32px | 500 | 40px | normal |
| h3 | Space Grotesk 500 |
64px | 500 | 64px | normal |
| 本文 | Roboto 400 |
20px | 400 | 22.72px | normal |
| リンク | Arial |
14px | 400 | 20px | normal |
| ボタン | Space Grotesk 500 |
20px | 500 | 20px | normal |
使用フォント頻度
Arial56箇所
Roboto 40019箇所
Space Grotesk 50015箇所
Space Grotesk 6004箇所
Roboto 5003箇所
スケール・形状
- 角丸スケール
- 8px / 1px / 3px / 720px / 2px
- セクション余白(pt/pb)
- 72-0px / 96-96px / 32-64px / 64-64px / 64-96px
- コンテナ幅
- width: 1200px / max-width: 1200px
- ナビゲーション
- 高さ 72px / position: fixed
