Toolwiz Design System
A production-ready design system built on design tokens, clear usage guidelines, and opinionated components
The Problem
KV Consulting serves startups and enterprises across fintech, AI, and Web3 with recruiting, payroll, and operational solutions. As the client base grew, so did the inconsistency — each project was designed in isolation, with different patterns, spacing, and component styles. Client onboarding felt different every time, and engineering was rebuilding the same UI patterns from scratch on every project.
Building the System
I architected and shipped the Toolwiz Design System from the ground up — 100+ components with design tokens and comprehensive documentation. The system was published using Claude AI, cutting documentation time by approximately 60% and enabling consistent UI across all client projects.
The three-layer architecture:
- Tokens — Colours, typography, spacing, elevation, and motion values
- Components — 100+ production-ready components with states, variants, and responsive behaviour
- Patterns — Composed layouts for common flows: onboarding, dashboards, settings, data tables
Key InsightUsing Claude AI for documentation wasn't just faster — it produced more consistent, thorough documentation than manual writing. Every component got the same depth of coverage: props, usage guidelines, accessibility notes, and do/don't examples.
Platform Design
Beyond the design system, I led platform design for the core Toolwiz product — defining information architecture, interaction patterns, and responsive layouts. This work reduced client onboarding friction by approximately 35%, because new clients experienced a familiar, polished interface from day one.
Website Design & Launch
I designed and launched 2 company websites end-to-end — from research and wireframes through to production. Both were delivered within 4-week sprints and drove a approximately 45% increase in inbound lead generation, proving that design quality directly impacts business development.
Process & Leadership
I led a cross-functional team of designers and developers, establishing sprint rituals, design QA checkpoints, and stakeholder review cadences that improved the on-time delivery rate to 95%.
AI-assisted workflows using Claude and Figma AI accelerated design exploration and documentation across the board, reducing iteration cycles by approximately 30%.