サイトを開く
Quetzal is a modern internationalization platform that helps you manage and streamline your localization processes.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f9fafbText
#000000Color #1
#000000Color #2
#111827Color #3
#6b7280Color #4
#ffffffColor #5
#0e9f6eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | __redditMono_36685f |
60px | 800 | 60px | -1.5px |
| h2 | __redditMono_36685f |
30px | 800 | 36px | -0.75px |
| h3 | __redditMono_36685f |
24px | 600 | 32px | normal |
| 本文 | __redditMono_36685f |
20px | 300 | 28px | normal |
| リンク | __redditMono_36685f |
16px | 400 | 24px | normal |
| ボタン | __redditMono_36685f |
16px | 400 | 24px | normal |
使用フォント頻度
__redditMono_36685f77箇所
スケール・形状
- 角丸スケール
- 10px / 9999px / 8px
- シャドウ
- 2パターン使用
- コンテナ幅
- width: 1280px / max-width: 1280px
- ナビゲーション
- 高さ 64px / position: fixed
