UI Kit
Design system components, colors, and typography reference.
Color Palette
Primary
#0d9488
Primary Dark
#0f766e
Accent
#f59e0b
Dark
#0f172a
Background
#f1f5f9
Indigo
#6366f1
Typography
Heading 1 — Outfit 700
Heading 2 — Outfit 600
Heading 3 — Outfit 600
Body text uses Inter at 16px with comfortable line-height. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Small muted text for captions and secondary information.
Buttons
Badges & Alerts
Primary
Success
Warning
Danger
Info
Operation completed successfully.
Please review before proceeding.
Avatars
AK
SM
Progress Bars
Storage48%
Project72%
Tasks91%
Stat Card
2,847
Example Metric
Interactive Components
This is collapsible content demonstrating the collapse component.