Context
A national telecom ran a large, mature design system used by many product teams building as independent micro-frontends. The organization owned several consumer brands that needed to share components but render with distinct identities.
Problem
The existing library couldn’t theme cleanly. Brand differences had been handled by forking and by piling up component variants, which made the system expensive to maintain and nearly impossible to extend to a new brand without another round of duplication.
Approach
I helped move brand identity into the token layer: one component set, driven by token-based themes, so a micro-frontend could render in any brand by loading a theme rather than a different component. Alongside that I refactored the Figma library toward modern variant and property patterns, collapsing combinatorial variant sets into a handful of variable-bound components. A shared brand typeface was introduced to replace several per-brand fonts.
Outcome
Micro-frontends from different teams could render consistently across brands from a single library. The variant refactor reduced a core component’s permutations by up to roughly 80%, and consolidating to a shared typeface cut font load time by more than 50%.