reference

Preview specimens

Twenty-eight standalone HTML cards, one per token group or component pattern, served from /preview/*.html. Each loads /colors_and_type.css directly — no Vue, no Nuxt UI — so a designer can lift one into a deck or external doc and have it render with the live token values. Click any specimen to open the raw HTML in a new tab.

type

Typography

Four familiestype-families.html ↗
Modular scaletype-scale.html ↗
Display headingtype-display.html ↗
Bold-style headingtype-bold.html ↗
Elegant-style headingtype-elegant.html ↗
Eyebrow + subheadtype-eyebrow.html ↗
Mono — JetBrainstype-mono.html ↗
Style variants tabletype-style-variants.html ↗

color

Color

spacing

Spacing & elevation

components

Components

brand

Brand motifs

Logo placeholderbrand-logo.html ↗
Voice + casingbrand-voice.html ↗
Card-hover signaturebrand-card-hover.html ↗