Design System
VoiceMock's living design system. All tokens, components, and patterns in one place.
Foundations
Color tokens, typography scale, spacing, radius, and shadow definitions.
5 sections
Components
Interactive UI primitives: buttons, accordions, status indicators, and more.
10 sections
Forms
Input fields, textareas, and selectable chips for user data entry.
3 sections
Data Display
Score bars and data visualization components.
3 sections
Auth & Gating
Google sign-in trigger, lead-capture CTA card, and the Results login gate blur pattern.
2 sections
Dashboard
Six-axis skill radar, breakdown, next-best-action, and the /dashboard sidebar navigation (Bunch E).
9 sections
Patterns
Voice interaction states, icon usage, layout compositions, CSS animations, and sound feedback.
5 sections
Need a design system like this?
I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.
Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer