Patterns,
on the tokens.
Real components composed from the same tokens as the rest of the kit. Change DESIGN.md and every pattern below re-skins.
Buttons
One fill for the single primary action. Everything else is hairline or text.
Form fields
Card
Launch Kit
Clickable product screens with marked integration seams. Wired for nothing, ready for anything.
12 screens · 6 seams
Data table
AccountPlanStatusMRR
Acme RoboticsScaleActive$2,400
NorthwindProActive$890
GlobexProPast due$890
InitechStarterTrialing$0
Pricing tiers
Starter
$0/mo
- 1 project
- Mock data only
- Community support
Pro
Popular$24/mo
- Unlimited projects
- All integration seams
- Email support
Scale
$96/mo
- Team workspaces
- SSO + audit log
- Priority support
Badges & toast
ActiveTrialingPast dueNeutralAccent
Saved
Your changes are live across the kit.
Empty state
No projects yet
Create your first project to see screens populate with real data.
Modal
The same panel, inline, so the layout reads even with the overlay closed.