Design System Playground

AI Support Agent - Testing our design system

Color System

Primary

Secondary

Muted

Destructive

Card

Typography

Display Large (32px)

Heading 1 (20px)

Heading 2 (16px)

Heading 3 (14px)

Body Small (12px) - Most UI elements

Label (12px)

Caption (11px)

Components

Buttons

Badges

DefaultSecondaryOutlineDestructive

Form Elements

Spacing (4px grid)

gap-1 (4px)

gap-4 (16px)

gap-6 (24px)