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

Home Tasks Collaborate Profile