Warner Music Group
-
My Roles
System Design and Planning
Design System Execution
Process and Workflow Design
Component Creation
Language and Rule Definition -
Project Type
Design System Creation and Scaling
-
Client
Warner Music Group
-
Year
2023
Multi-brand, multi-product, automatic dark mode
Automated design system with one-click theme switching
Design tokens ensure coded components are also updatable in a single operation.
Quality at scale
A single source of truth ensures consistency and scalability across:
- multiple brands
- multiple form factors
- multiple languages
- multiple UI modes (dark/light/high contrast)
Atomic components, semantic structures
Figma properties track coded component properties