Internal · noindex
Design system
Component primitives for CPUVersus. Every primitive renders correctly in both themes — toggle the moon/sun in the header to verify.
Wordmark
Button
Card
Padded card (default)
Surface bg, 1px border, no shadow. Sharp corners.
Unpadded for header/body splits.
Badge
Stat
DataTable
| Spec | 9800X3D | 270K | Δ |
|---|---|---|---|
| Cores / threads | 8 / 16 | 20 / 20 | — |
| Boost clock | 5.2 GHz | 5.5 GHz | +0.3 |
| L3 cache | 96 MB | 36 MB | −60 |
| TDP | 120 W | 125 W | +5 |
| MSRP | $479 | $384 | −$95 |
Sticky header (scroll inside the box)
| Benchmark | Score | Sample |
|---|---|---|
| Geekbench 6 — Single | 3,412 | n=1287 |
| Geekbench 6 — Multi | 19,284 | n=1287 |
| Cinebench 2024 — ST | 142 | n=412 |
| Cinebench 2024 — MT | 1,523 | n=412 |
| Blender 4.2 — Monster | 184 | n=88 |
| Blender 4.2 — Junkshop | 112 | n=88 |
| Blender 4.2 — Classroom | 96 | n=88 |
| 7-Zip 24.08 — Compress | 124,312 | n=142 |
| 7-Zip 24.08 — Decompress | 152,840 | n=142 |
| Handbrake H.265 4K | 47.2 | n=64 |
| y-cruncher π-1B | 28.4 | n=51 |
BarMeter / Sparkline
BarMeter
Sparkline
DeltaIndicator
Tooltip
Hover or focus the underlined terms: SC Single-core Geekbench 6 score (higher is better) · MC Multi-core Geekbench 6 score · TDP Thermal Design Power — manufacturer's stated heat output target
Tabs
Combobox
Slider
Color tokens
bg surface surface-raised border fg fg-muted accent positive negative warning chart-a chart-b Type scale
Display 40 / Inter
Display 30 / Inter
Display 24 / Inter
Body 14 — the default reading size for paragraphs and UI labels.
Mono 13 — 1,234,567.89 — JetBrains Mono with tabular figures.
Caption 11 — used sparingly for table footers and disclosures.
Editorial 30 / Source Serif 4 — for guide headlines.