Cubic Housing

Design tokens

Smoke-test page for the Untitled UI-inspired token system. Everything below is driven by CSS variables scoped to data-theme.

Painting light

Type ramp

The quick brown foxDisplay 2XL — 72 / 90

The quick brown foxDisplay XL — 60 / 72

The quick brown foxDisplay LG — 48 / 60

The quick brown foxDisplay MD — 36 / 44

The quick brown foxDisplay SM — 30 / 38

The quick brown foxDisplay XS — 24 / 32

The quick brown foxText XL — 20 / 30

The quick brown foxText LG — 18 / 28

The quick brown foxText MD — 16 / 24

The quick brown foxText SM — 14 / 20

The quick brown foxText XS — 12 / 18

bg-background

bg-muted

bg-accent

bg-brand-subtle

bg-brand

text-foreground text-foreground-muted text-foreground-subtle text-foreground-faint text-brand text-success text-warning text-destructive

border-border

border-border-muted

border-brand

border-destructive

shadow-xs

shadow-sm

shadow-md

shadow-lg

shadow-xl

shadow-2xl

shadow-3xl