Tidewater Design System

One component library for six internal tools — from 14 button styles to one, shipped in React and Figma together.

products migrated

−41%

UI code

contrast, every token

(01) The problem

Every team had rebuilt the same table, modal and date picker. Small inconsistencies added up to support tickets and slow onboarding.

Audited 1,200 screens, defined a token model shared by Figma and code, and paired with each team to migrate their busiest screens first.

New screens now ship in days instead of weeks, and accessibility issues dropped to near zero because the defaults are correct.