Ember helps engineering teams trace failures, track releases, and investigate issues across complex hardware systems.
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
#fafafa#1a1a1a#2a2a2a#1a1a1a#ffffff#888888#555555タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter |
68px | 700 | 74.8px | -1.36px |
| h2 | Inter |
48px | 700 | 81.6px | -0.48px |
| h3 | Inter |
20px | 600 | 34px | normal |
| 本文 | Inter |
14px | 400 | 21px | normal |
| リンク | Inter |
18px | 600 | 30.6px | normal |
| ボタン | Arial |
12px | 600 | normal | normal |
使用フォント頻度
スケール・形状
- 角丸スケール
- 16px / 12px / 50% / 8px / 18px / 999px / 10px / 7px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 160-60px / 32-80px / 80-0px / 100-100px / 100-100px
- コンテナ幅
- width: 768px / max-width: 1200px
- ナビゲーション
- 高さ 76px / position: fixed