サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#020408Text
#e2e8f0Color #1
#e2e8f0Color #2
#64748bColor #3
#ffffffColor #4
#e2e8f0a6Color #5
#0ea5e9タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Bebas Neue |
120px | 700 | 105.6px | normal |
| 本文 | Rajdhani |
19px | 300 | 33.25px | normal |
| リンク | IBM Plex Mono |
11px | 400 | normal | 2.2px |
| ボタン | Bebas Neue |
26px | 400 | normal | 3.9px |
使用フォント頻度
Rajdhani82箇所
IBM Plex Mono38箇所
Bebas Neue13箇所
スケール・形状
- 角丸スケール
- 2px / 50% / 3px
- シャドウ
- 2パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 125px / position: fixed
