Design System

Aurora

One token-driven system that keeps a dozen product teams speaking the same visual language

  • Aurora Design System — screen 1
  • Aurora Design System — screen 2
  • Aurora Design System — screen 3
  • Aurora Design System — screen 4

Overview

Aurora started as a rescue job. Four product teams had drifted into four different button components, three spacing scales and a colour palette nobody could name. The first six weeks were pure archaeology — auditing every screen in production and mapping what was genuinely different from what had simply been rebuilt twice.

What shipped is a design-token pipeline that publishes one source of truth to Figma variables and to a typed React package in the same step. Adoption was the hard part, not the code: the system only stuck once the migration path was a codemod rather than a deprecation notice. Twelve teams now build on it, and a palette change lands everywhere in one release.


Tools

  • Figma
  • TypeScript
  • Style Dictionary
  • Storybook
  • Chromatic

Features

  • Design tokens
  • Themeable primitives
  • Accessibility baked in
  • Visual regression tests
  • Codemod migrations
  • Versioned releases