2024
Signal Design System
A multi-brand design system serving five product teams
- Role
- Design system lead
- Tags
- design-system, typescript, storybook
Signal is the component library and token pipeline behind five products with three visual brands. One source of truth, themed at build time.
Structure
- Design tokens defined once, compiled to CSS variables, TypeScript, and native platforms.
- Components documented in Storybook with interaction tests as the acceptance criteria.
- A versioned migration path: codemods ship with every breaking release.
Impact
Adoption reached 80% of product surface in a year, and rebrands went from quarter-long projects to a token swap reviewed in an afternoon.
