Astræus Design System

A design system I built solo, where light and dark share one elevation rule and brands swap as token sets.

Company: DX FutureTech
Role: Product Designer, sole designer of the system
Year: 2025
Platforms: Web and mobile
Scope: Foundations, elevation model, tokens, components, theming, mobile rules, docs in English and Vietnamese
Tools: Figma variables, tokens shared with development through git
Status: Version 1.0, used by the product design team

Context

One base, many brands.

In 2025 DX FutureTech moved toward white-label products: one shared base, shipped as separate products under their own brands. That model only works if a new brand can be applied quickly and handed over cleanly.

I built Astræus as that base. Its tokens are grouped so a whole brand can be swapped or handed over as one set, and design and development work from the same tokens. Branding a new product became fast, and the company's design and build steps stayed in sync.

Private case

The rest of this case covers the elevation model, the token structure, the component library and what I would do differently. For a few reasons, the full story isn’t public for everyone. If you opened this page from my CV, it opens automatically. Otherwise, email me and I’ll be happy to send access.

Email me for access