2024–25 Design engineer

Atlas — an internal design system

A small, opinionated component library that unified eight internal tools and halved UI build time.

Visit live ↗

Atlas — an internal design system

Eight internal tools, eight slightly different button styles, and no shared language. Atlas is the small system that fixed that — not a sprawling framework, just the twenty components teams actually reached for, done well.

Principles

  • Accessible by default: focus states, colour contrast and keyboard support are not optional.
  • Tokens over hard-coded values, so light and dark themes come for free.
  • Documentation that shows, not tells — every component ships with live examples.

Outcome

New internal screens now go from mockup to production in roughly half the time, and accessibility issues caught in review dropped sharply. Most importantly, the tools finally look like they belong to the same company.

TypeScriptCSSDesign systemsa11y

← All projects