randomlabs.ai ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f1f2f2Text
#1a1a1aColor #1
#ebebebColor #2
#1a1a1aColor #3
#666666Color #4
#7a7a7aColor #5
#a8d4fcタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Satoshi |
48px | 700 | 48px | normal |
| h2 | Satoshi |
24px | 700 | 32px | normal |
| h3 | Satoshi |
24px | 700 | 28.8px | normal |
| 本文 | JetBrains Mono |
12px | 400 | 16px | normal |
| リンク | JetBrains Mono |
16px | 400 | 25.6px | normal |
| ボタン | JetBrains Mono |
14px | 400 | 20px | normal |
使用フォント頻度
JetBrains Mono132箇所
Satoshi7箇所
スケール・形状
- 角丸スケール
- 8px / 2px
- シャドウ
- 1パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 86px / position: sticky
