9:41

Design System

Color System

Primary Colors

Primary
Gradient

#667eea → #764ba2

Blue
600

#2563eb

Semantic Colors

Success
Green

#10b981

Error
Red

#ef4444

Warning
Yellow

#f59e0b

Info
Purple

#8b5cf6

Typography

Heading 1

2xl, Bold, Slate-900

Heading 2

xl, Bold, Slate-800

Heading 3

lg, Semibold, Slate-800

Body Text

base, Regular, Slate-700

Caption Text

sm, Regular, Slate-500

Spacing Scale

2px (0.5)
4px (1)
8px (2)
16px (4)
24px (6)

Border Radius

lg

8px

xl

12px

2xl

16px

3xl

24px

Shadows

Shadow Small

Shadow Medium

Shadow Large