All projects

Internal platform · 6 teams

Enterprise Design System

Shipped a themable component library with tokens, docs and visual tests, adopted by six product teams across web apps.

Role
Frontend Lead
Year
2022
Timeline
8 months
Team
2 engineers, 2 designers

The problem

Six product teams shipped six different button styles, and accessibility fixes had to be repeated in every repository.

Approach

  1. 01

    Defined a token pipeline that generates CSS, Figma variables and docs from a single source.

  2. 02

    Shipped an accessible React component library audited to WCAG 2.1 AA.

  3. 03

    Added visual regression tests on every pull request to keep adoption safe.

What shipped

  • Token pipeline generating CSS, Figma and docs from one source
  • Accessibility audited to WCAG 2.1 AA
  • Visual regression tests on every pull request