Kairoo Design System
Color ramps
Semantic
Type scale
Primitives
Motion & advanced states
New component states, plus Aceternity motion primitives — all token-only.
AuroraBackground
Button — new states
Card — interactive & glass
Input — sizes
Badge — sizes
Spotlight (Aceternity)
3D Card (Aceternity)
A perspective card whose layers lift toward the cursor.
Forms
Feedback
Neutral
A neutral, informational message.
Info
Something worth noting.
Success
Your changes were saved.
Warning
Double-check before continuing.
Error
Something went wrong.
Layout
Page header
A concise subtitle that explains the purpose of the section below.
Prose
This is a short prose block. It renders long-form copy with sensible vertical rhythm, links, and emphasis using only design tokens.
Interactive (HeroUI v3)
Live wrappers from @/components/ui, rendered on HeroUI's themed defaults (token-only). All requested primitives resolved during stabilization — none were skipped.
Dialog
Select
Selected: balanced
Tabs
Tooltip
Popover
Accordion
Switch
State: on
Checkbox
RadioGroup
Plan: monthly
Table
| Investor | Round | Check |
|---|---|---|
| Aurora Capital | Seed | $500k |
| Northwind Ventures | Series A | $3M |
| Beacon Partners | Series A | $2M |
Blocks
Hero
Grow on your own timeline
A compact hero showcasing the marketing block with token-only styling.
FeatureGrid
Chart the path
Turn ambiguous goals into a clear, sequenced route.
Build with intent
Every milestone is scoped, measurable, and tied to outcomes.
Track momentum
See progress as it happens with signals that matter.
BentoGrid
Unified care timeline
Every signal, note, and result on one chronological surface — no tab-hopping, no lost context.
Adaptive routing
Work reaches the right hands automatically, the moment it's ready.
Audit by default
Immutable history on every action, exportable in a click.
Real-time presence
See who's looking, editing, and acting — live.
Composable workflows
Assemble pathways from typed building blocks and ship changes without an engineering ticket.
PricingTable
Plans that grow with your career
Start free and upgrade when you're ready. Every plan includes your AI career copilot.
Free
Free- 1 active career path
- Weekly AI check-ins
- Community access
Pro
Pro- Unlimited career paths
- Daily AI coaching
- Skill gap analysis
- Priority support
Enterprise
Enterprise- Everything in Pro
- Team dashboards
- SSO & audit logs
- Dedicated success manager
StatGrid
TestimonialGrid
“Kairoo turned a vague ambition into a weekly plan I actually follow.”
“The momentum tracking is the first tool that kept me honest about progress.”