How Up2You scaled through a multi-brand design system with 30+ components

Up2You is a B Corp and a reference point in Italy for sustainability. They incentivize sustainable actions and support corporate business models with a real positive impact on the environment.

Up2You already had a great product design team. But they needed help bootstrapping and creating a unified design language that could seamlessly blend across their multi-brand ecosystem.

To ensure future scalability and a cohesive user experience, they sought to build a multi-brand design system, starting with the Figma components UI kit.

— Build a scalable, multi-brand design system

— Create a unified design language across multiple digital products

— Introduce semantic tokens for intuitive and adaptable theming

— Deliver a Figma UI kit ready to support their full product portfolio

— Enable dark mode support

Delivered a multi-brand design system with 30+ components, semantic token architecture, and full dark mode support across 2 digital products. Designed new onboarding and gamification flows to enhance user engagement.

Audit and component extraction
We dove deep into Up2You's existing products. We extracted all the components and patterns that compose their user interfaces. This audit was crucial for recognizing patterns and identifying design elements quintessential to Up2You's brand identity.

Design architecture definition
We defined the design architecture for all future components. We introduced semantic tokens — tokens that attach meaning to design elements by function rather than appearance (e.g. "primary action" vs. a color). This approach made the design system more intuitive and adaptable.

Component design and iteration
We designed and specified 30+ components across 100+ iterations, ensuring each element worked across 2 digital products and supported dark mode.

Multi-brand system delivery
We delivered a complete design UI kit ready to support multiple digital products in the portfolio. The system was built for scalability, so new brands and products can be onboarded without rethinking the foundation.

The project deliverables included:

— 30+ components in the design system

— 2 digital products involved

— 100+ iterations made

— Dark mode support

— Semantic token architecture

— New onboarding and gamification flows

— Blending a unified design language across a multi-brand ecosystem

— Making the system scalable enough to support current and future products

— Maintaining brand identity while ensuring consistency across products

— Semantic tokens that define design elements by function, not appearance

— A modular component architecture that adapts across brands

— A Figma UI kit that serves as the single source of truth for all digital products