Design Systems

Zeus Design System

A component library and token system adopted across multiple teams. 303 components and 226 variables that power hundreds of thousands of inserts a year.

Role
Senior Product Designer
Used by
8 teams
Library
303 components · 226 variables · 71 styles
Tools Used
Figma, Storybook, Style Dictionary
Storybook Demo

Due to confidentiality, this is a recreation built specifically for this demo.

Core challenge

Multiple product teams had each drifted into their own UI kit (both in Figma and Storybook). The core challenge was uniting them on a single token-driven system without stalling delivery or compromising quality.

Tokens

A three-tier pipeline — primitive → semantic → component, enforced at build time.

View Token Architecture

Components

Governance

A year in, the library is used by 8 teams and spans 303 components, 71 styles, and 226 variables — driving roughly 330K component inserts and 450K variable inserts over the past year (about 3.4K inserts in a typical week).