A unified, performance-first design language for beautiful interfaces
A carefully crafted color system for consistent visual harmony
#6366f1
#8b5cf6
#ec4899
#10b981
#f59e0b
#ef4444
Clear, readable type scales for every use case
Large Text - 18px. Perfect for introductions and lead paragraphs.
Body Text - 16px. The standard text size for comfortable reading and optimal legibility.
Small Text - 14px. Ideal for captions, labels, and secondary information.
Tiny Text - 12px. For metadata and fine print.
Consistent spacing based on an 8px grid system
Reusable UI components for consistent experiences
Cards are versatile containers for grouping related content and actions.
This card has a subtle hover effect for interactive elements.
Highlighted cards draw attention to important content.
Smooth, performant animations using CSS transforms and GPU acceleration
Fade In
Slide Up
Scale
Rotate
Bounce
Pulse
All animations use CSS transforms and opacity for GPU acceleration. Animations respect prefers-reduced-motion for accessibility.