Design system · built from 78 answered questions

Multi-brand

Customer screens for several brands, often on phones: sign-up, checkout, account. Components never change; brand primitives do.

Explore the foundations

49components

226primitives

6themes

Your subscriptionsCompare plansGet started

Subscription	Started	Per month	Status
Standard plan	14 Mar 2024	12.00	Active
Cloud storage	2 Jan 2025	3.00	Renews in 3 days
Device cover	20 May 2025	5.00	Card declined
Music add-on	1 Jun 2025	4.00	Trial
Family member	9 Feb 2025	6.00	Active
Extra data	18 Apr 2025	2.00	Active

Why it looks like this

Every decision follows from an answer. These are the answers its components and rules cite most. Follow them all in the Decision reference.

How are brands handled?

Brands as modes

Brands are theme modes over shared semantics.

theming.definition

What is the smallest target?

Touch size

Customers sign up on phones.

accessibility.values

How many signals carry each meaning?

Two: color and word

Brand colors vary, so meaning needs a word.

accessibility.count

Explore the system

PrimitivesAll 226 raw values, and the tokens that point to each.

Aa

FoundationsColor, type, spacing, shape and motion, each with the answer behind it.

Get startedRenews in 3 days

Components49 components, each with when to use it and how Multi-brand decided.

Shared structure: object, state, next step.

Voice and toneA plain shared voice. Each brand adds its own tone on top, never its own structure.

Themes6 themes. Only semantic tokens change; components never do.

open-ds why multi-brand button

For agentsAGENTS.md, the skill and the MCP: an AI builds the way the system would.

Who it is for

• Use it for: Companies that sell to customers under several brands, or white-label products shown to their clients' customers: sign-up, checkout, account and product pages.
• Not for: A single product with one brand, where the brand layer is cost with no user; or tools staff use all day. Use Dense data for those.
• Products like: Brand family of apps, White-label platform, Agency client portfolio
• Themes: aster-light, aster-dark, birch-light, birch-dark, coral-light, coral-dark

Use scenarios

• A customer signs up for a plan on the Birch site, then manages it in the shared account area.
• A product team launches a fourth brand by adding brand primitives, without touching components.

Every answer

All 78 answers, and the design decisions each one made: Decision reference.