Theming · 04

Token font picker

Swap any font-family token from a curated list of already-loaded stacks. The picker never triggers network requests for fonts — it only re-points the token at a stack the route already has.

Production answer

Token font picker is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Token font picker states
Generative search brief

Token font picker: Swap any font-family token from a curated list of already-loaded stacks. The picker never triggers network requests for fonts — it only re-points the token at a stack the route already has.

Use case

Test display contrast quickly. Switch from `Anton` to `Playfair Display` and see every section heading in the preview re-render with no rebuild.

The quick brown fox jumps over the lazy dog. 1234567890

Big headlines and section titles.

The quick brown fox jumps over the lazy dog. 1234567890

Secondary display face for controlled variety.

The quick brown fox jumps over the lazy dog. 1234567890

Default reading text and UI labels.

The quick brown fox jumps over the lazy dog. 1234567890

Code, keyboard, telemetry, and counters.

The quick brown fox jumps over the lazy dog. 1234567890

Technical HUD mono alternate.

Cascade preview

Every primitive, one root

Each tile below reads from the same `--primitive-*` tokens scoped on the controller wrapper. Re-skin once, every primitive responds.

Hero

Oak Flats workshop

Production-floor primitives styled by the token cascade. Tap a preset to see the whole subtree re-paint.

Active bookings+8%
42
Last 14 days
Workshop load-3%
78%
Trend$182,400Revenue this monthMonthly revenue trendTrend over 13 samples ranging from 12.0 to 52.0.
Crew
Capacity
Hoist utilisation 68 percentRadial meter at 68 percent.68%Hoists
3 of 4 hoists in use
Throughput

Job pipeline

Diag complete
Diagnostic completion
Parts staged
Parts staged
Final QA
Final QA