Designing a cross-brand design system to achieve visual coherence across multiple brands and svg, streamline daily workflows, and enhance consistency in collaboration with developers.
Multi-Brand Structure Overview
Design System Solution
The solution organized components and foundations by levels, enabling brands and SVAs (Value-Added Services) to share core components for consistency, while allowing flexibility to adapt to each brand's unique look and feel.
Level 00. Common Foundations
Components, colours, icons, styles, grids and layout.
Level 01. Brands Foundations
Logos, colours, types and images.
Level 02. SVAs components of Brands
Particles, atoms, molecules and organisms.
Level 03. Final files
Website, Landings, App, Mails, Invoices, Banners...
