psParkerStreet UI

Theme

The tokens that carry the identity. All defined in src/styles/global.css. Flip dark mode to see both modes.

Surfaces

Aa
--background
Aa
--card
Aa
--popover
Aa
--muted

Accents

Aa
--primary
Aa
--secondary
Aa
--accent
Aa
--destructive

Lines & data viz

--border
--input
--ring
--chart-1
--chart-2
--chart-3
--chart-4
--chart-5

Radius

radius-sm
radius-md
radius-lg
radius-xl

Type — Geist

Display
The quick brown fox
Heading
The quick brown fox
Body
The quick brown fox jumps over the lazy dog
Muted
Secondary supporting copy
Kicker
Section label
Mono
bunx shadcn add @parkerstreet/button