Retail

Vuori

Coastal California athleisure. AktivGrotesk at featherlight 300 weight over a warm white canvas — unhurried, open, built to move in and live in.

Color Palette14 tokens

background#ffffff

surface#f8f8f8

ink#333333

ink-secondary#727272

on-primary#ffffff

primary#333333

primary-container#000000

border#333333

border-subtle#ededed

border-input#000000

focus-ring#727272

error#d02e2e

disabled#c6c6c6

shadow-soft#000000

Buttons

TypographyGoogle Font

Barlowbrand uses AktivGrotesk

display-hero

The quick brown fox

43px · 400 · -0.03em

display

The quick brown fox

35px · 400 · -0.03em

heading-section

The quick brown fox

28px · 400 · -0.03em

heading-sub

The quick brown fox

20px · 400 · -0.02em

body-large

The quick brown fox

18px · 300 · -0.01em

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Vuori

Coastal California athleisure. AktivGrotesk at featherlight 300 weight over a warm white canvas — unhurried, open, built…

Retail

none

pill

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Vuori

Coastal California athleisure. AktivGrotesk at featherlight 300 weight over a warm white canvas — unhurried, open, built to move in and live in.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeRetailVuori

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Vuori.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Vuori tokens
export const theme = {
  primary: "#333333",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Vuori arrives as stillness. Where most activewear brands signal intensity through weight and density, Vuori's digital presence operates on the opposite register — a warm white canv…

Vuori · Retail