UI/UX · 2024

Helios Labs Design System

One design language and component library unifying seven products and four product teams.

Helios Labs Design System interface

Overview

Seven products, seven visual languages. We audited every surface, defined a single token-driven system, and shipped it as a documented, versioned package.

The client's problem

Every team rebuilt buttons, tables, and modals from scratch. Releases were slow and the portfolio looked like seven different companies.

Project goals

  • Define one accessible design language
  • Ship a versioned component package
  • Reduce UI build time per feature

Challenges

  • Four teams with different release cadences
  • Migrating live products incrementally
  • Documented accessibility guarantees

Our solution

Semantic design tokens, a headless-primitive component library, Storybook documentation, and a migration codemod each team ran on their own schedule.

Client
Helios Labs
Category
UI/UX
Year
2024
Technology stack
FigmaReactStorybookTypeScriptTailwind CSS

Website Showcase

Desktop, mobile, and full-page screens

Click any image to open the gallery, zoom, and step through with the arrow keys.

Results

What changed after launch

-46%
UI build time
7
Products unified
112
Documented components
AA
Accessibility baseline

Project walkthrough

A short tour of the product, the key flows, and the decisions behind them.

See it live

Have an Idea? Let's Build It Together.

Tell us about your project and let's turn your idea into a powerful digital product.