Housecall Pro Design System

When I took over, the design system existed but lacked clarity and structure. Designers were using it, but it was inconsistent, confusing, and poorly organized. I rebuilt the library into a cleaner, more intuitive system, modernizing and simplifying components, introducing pattern libraries, and establishing a review process that I managed throughout its adoption.

‍

Approach

Audit & Rationalize
Cataloged 400+ components, merged duplicates, and standardized naming and contribution rules.

Token Architecture
Built a global → semantic → component token structure for color, type, and spacing, supporting light/dark themes and contrast-safe pairings.

Component Parity
Defined 1:1 mappings from Figma to MUI/React Native, with documented states, variants, and responsive behavior.

Governance
Introduced versioning, change logs, adoption checklists, and a request path that balanced agility with consistency.

‍

‍