magnitude.dev ↗
サイトを開く
Magnitude is an opinionated coding stack for open models. We curate the models, build a harness around them, and serve them reliably — so you can just code.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#f1f5f9Color #1
#f1f5f9Color #2
#94a3b8Color #3
#38bdf8Color #4
#ffffffColor #5
#cbd5e1タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Martian Mono |
24px | 700 | 33px | normal |
| h2 | Martian Mono |
18px | 700 | 28px | normal |
| h3 | Martian Mono |
14px | 600 | 20px | normal |
| 本文 | ui-monospace |
16px | 400 | 26px | normal |
| リンク | Inter |
16px | 400 | 24px | normal |
| ボタン | Inter |
16px | 400 | 24px | normal |
使用フォント頻度
ui-monospace46箇所
Inter23箇所
Martian Mono16箇所
スケール・形状
- 角丸スケール
- 6px / 4px / 8px
- コンテナ幅
- width: 1440px / max-width: none
