SPECIFICATION & TEST HARNESS
Runvaire Design System
All components consume CSS custom properties. Zero hard-coded hex colors.
01 / TOKENS
Color & Typography Tokens
--color-bg
Canvas
--color-surface
Cards & panels
--color-border
Dividers & strokes
--color-text
>4.5:1 text
--color-muted
Secondary text
--color-accent
Interactive primary
Display · 64/68 (Desktop) · 40/44 (Mobile) · Weight 500
Always-on agents.
Heading · 32/38 · Weight 500
Specialists, not one chatbot.
Body · 18/28 · Max 65 characters
Create agents for the work you repeat. Connect your apps. Approve what matters. Built for freelancers, agencies and small teams.
Label · 12px Geist Mono · Uppercase · Tracking 0.12em
06 / PRICING
02 / COMPONENTS
Base UI Component Suite
Badges & Mascot
12px Geist Mono, uppercase. Blob mascot with faint glow.
03 / THEMES
Dark and Light Side-by-Side
Isolated workspace security
Dark background #07070A, surface #101015, border #23232B, text #F5F5F7.
Isolated workspace security
Light background #FAFAFB, surface #FFFFFF, border #E4E4E9, text #0A0A0C.