Specimen gallery

Every preview card rendered in its native size. Each card is a self-contained HTML specimen sourced from preview/ and styled through the shared design tokens.

Colors

4 cards

PrimaryOpen

Surface tonal layersOpen

Semantic stateOpen

Per-tenant themingOpen

Type

2 cards

Type scaleOpen

Type familiesOpen

Spacing & surface

4 cards

Spacing scaleOpen

RadiiOpen

BordersOpen

ElevationOpen

Components

9 cards

ButtonsOpen

InputsOpen

PillsOpen

Status dotsOpen

Trust pillsOpen

Currency displayOpen

Metric cardOpen

Table rowOpen

Pipeline barOpen

Patterns & brand

7 cards

Empty · loading · errorOpen

Reason code selectorOpen

Audit drawerOpen

AccessibilityOpen

Locale & dateOpen

IconsOpen

LogoOpen