PROJECT DESCRIPTION
PROJECT DESCRIPTION
Voit was a partially built commercial design system some components existed but the token architecture was incomplete and light/dark mode behavior was inconsistent. I audited the existing system, completed the architecture, and shipped it as a commercial product other designers depend on daily
Voit was a partially built commercial design system some components existed but the token architecture was incomplete and light/dark mode behavior was inconsistent. I audited the existing system, completed the architecture, and shipped it as a commercial product other designers depend on daily
ROLE
ROLE
Design System Specialist
Design System Specialist
INDUSTRY
INDUSTRY
3 Months
3 Months
YEAR
YEAR
Sept,2025
Sept,2025
CHALLENGE
CHALLENGE
The problem was not building from scratch, it was inheriting incomplete work and completing it without breaking what already existed. Every addition had to integrate with established patterns. Every decision had to be documented clearly enough that designers who had never spoken to me could extend the system confidently
The problem was not building from scratch, it was inheriting incomplete work and completing it without breaking what already existed. Every addition had to integrate with established patterns. Every decision had to be documented clearly enough that designers who had never spoken to me could extend the system confidently
MY CONTRIBUTION
MY CONTRIBUTION
1
1
Mapped and defined the token structure (e.g., colour palettes, spacing scale, type styles) ensuring they aligned with brand & accessibility requirements.
Mapped and defined the token structure (e.g., colour palettes, spacing scale, type styles) ensuring they aligned with brand & accessibility requirements.
2
2
Developed a component library from Voit’s base: customized buttons, form fields, cards, and navigation modules tailored to our application domain.
Developed a component library from Voit’s base: customized buttons, form fields, cards, and navigation modules tailored to our application domain.
3
3
Authored documentation & guidelines: usage rules, do’s & don’ts, developer hand-over notes, accessibility checks.
Authored documentation & guidelines: usage rules, do’s & don’ts, developer hand-over notes, accessibility checks.
4
4
Established a versioning & update process: enabling the product/design teams to leverage the system for faster feature builds while maintaining consistency.
Established a versioning & update process: enabling the product/design teams to leverage the system for faster feature builds while maintaining consistency.
WHAT’S INSIDE VOIT
WHAT’S INSIDE VOIT
550+
550+
TOKENS
TOKENS
10K+
10K+
COMPONENTS VARIANTS
COMPONENTS VARIANTS
250+
250+
PATTERN
PATTERN
6K+
6K+
MISCELLANOUS
MISCELLANOUS
150+
150+
BLOCKS
BLOCKS
20+
20+
TEMPLATES
TEMPLATES
IMPACT
IMPACT
Used by designers at Adobe, Webflow, Zoom, and Typeform. Token architecture means a brand color change updates across the entire system without touching individual components. Gitbook documentation enables independent extension, designers who have never spoken to me can build new components that stay consistent with the system. Estimated 30-40% reduction in design-to-development time for teams using Voit versus maintaining component libraries manually
Used by designers at Adobe, Webflow, Zoom, and Typeform. Token architecture means a brand color change updates across the entire system without touching individual components. Gitbook documentation enables independent extension, designers who have never spoken to me can build new components that stay consistent with the system. Estimated 30-40% reduction in design-to-development time for teams using Voit versus maintaining component libraries manually
ALL RIGHTS RESERVED
ALL RIGHTS RESERVED
2025
2025