Design System

Primitives.

Theme
Accent
Font
Radius

Colors

Tap to copy.

Neutral

50
100
200
300
400
500
600
700
800
900
950

Accent

50
100
200
300
400
500
600
700
800
900
950

Semantic

primary
secondary
accent

Base

White
Black

Buttons

Variants & sizes.

Variants × sizes

default
secondary
outline
ghost
glass
destructive
linkdisabled
loading
processing

Badge

Six variants.

defaultBadgesecondaryBadgedestructiveBadgeoutlineBadgeghostBadgeglassBadgelinkBadge

Avatar

Image & initials.

sizes
EHEHEH
fallback
EHEHEH

Inputs

One control composition: Input, Select, and Button all share h-8 height and px-3 padding.

defaultvaluedisabledinvalidghostcontrols

Select

Glass by default, plus a plain variant. Perks is disabled.

Glass
Plain

Toggle

Off / on: pressed is a neutral fill, never accent.

states

Tooltip

Glass by default, plus a plain variant.

Popover

Glass by default, plus a plain variant.

Dialog

Glass by default, plus a plain variant.

Skeleton

Loading placeholder.

Spinner

Sizes.

sizes

Separator

Horizontal & vertical.

horizontalvertical

Tags

Every chip the platform renders: event tags, platforms, VC stages and sectors.

Surfaces

Layered materials.

Background

bg-background

Page floor: solid, opaque.

Card

bg-card

Bordered tile that lifts content.

Glass

glass

Translucent + blurred over busy content. Shared by the overlays.