One design system for multiple brands
summary
GMO Pepabo consolidates eight brands with a single foundational design system called Inhouse, driven by design tokens defined in YAML with meaning-first keys so semantics (positive vs negative buttons) stay distinct. The team of ~40 designers chooses a single system because five designers per brand is insufficient. The build pipeline uses Figma Tokens and syncs to GitHub, then formats tokens with Style Dictionary into Sass SwiftUI Jetpack Compose and Flutter. A live demo shows changing one token (blue to gray) propagates across platforms.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:07Multiple design systems challenges
- 5:11What is a design system
- 6:36Single vs multiple systems
- 8:51Introducing Inhouse design system
- 10:19Design system tools
- 13:58Demo: design tokens
- 19:07Key takeaways and conclusion
related talks
20mHigh Stakes: Building a Multi-Brand, World-Wide Design System
18mOne design system to rule them all 1
21mDesign Systems @Scale
22mRolling out design tokens to a branded house with 18+ products
25mDesign systems for agencies
51mDesign system and tokens
51mThe Power of Design Systems
20mDesign Systems for the Rest of Us