3D Yes. Design System
Industrial design studio

Products people say yes to.

A sample hero built only from tokens and components in this system.

Core colors

background

--background

foreground

--foreground

primary

--primary

primary-glow

--primary-glow

secondary

--secondary

muted

--muted

muted-foreground

--muted-foreground

accent

--accent

border

--border

destructive

--destructive

Brand colors

brand-purple

--brand-purple

brand-lavender

--brand-lavender

brand-magenta

--brand-magenta

tan

--tan

warm-gray

--warm-gray

navy

--navy

navy-deep

--navy-deep

commerce

--commerce

chart-green

--chart-green

chart-green-light

--chart-green-light

chart-gray

--chart-gray

review-star

--review-star

Typography — Rethink Sans

Display 72

Heading 1 · 48

Heading 2 · 30

Heading 3 · 20

Body · 16 — Medium weight by default, with stylistic alternates cv02, cv03, cv04 and cv11 enabled.

Small · 14 muted

Caption · 12

Aa 400Aa 500Aa 600Aa 700Aa 800

Buttons

Cards, badges & inputs

Standard card
Soft medium shadow.
Default
Secondary
Outline

Spectrum outline

Lavender → violet → pink border for featured items.

Form field

Shadows & radius

shadow-soft-sm
shadow-soft-md
shadow-soft-lg
shadow-glow

rounded-sm

rounded-md

rounded-lg

rounded-xl

rounded-2xl

rounded-full

Backgrounds

Hero gradient
Section gradient
Grid