Design System
A collection of reusable components and styles that ensure consistency across our platform.
01 Colors
Primary
.bg-primary Background
.bg-background Foreground
.bg-foreground Muted
.bg-muted 02 Typography
Display 7xl
Start Building
Display 5xl
Start Building
Heading 3xl
Start Building
Heading 2xl
Start Building
Body Base
The quick brown fox jumps over the lazy dog.
Body Small
The quick brown fox jumps over the lazy dog.
03 Components
Buttons
Badges & Tags
Success Info Warning Error Neutral
Cards
Feature Card
Interactive cards with hover states and micro-interactions. Perfect for feature grids.
Highlight Card
Used for emphasizing important content or calls to action.