Brand Layers
3 brands · 2 modes · 5 sentiments · 4 states
One payment ticket, never edited. Switch the brand, the mode, the sentiment or the state and it resolves again from the token layers underneath. Select any token to see how it got its value.
Brand A, light, proposition. All 15 contrast pairs pass.
Offer
Pay in 3
0% interest
Read the full termsOffer
Pay in 3
0% interest
Read the full termsHow interactive / primary resolves
- Tokeninteractive/primary
- Statelight · default → step 800
- Sentimentproposition → {brand.accent}
- BrandBrand A accent → violet
- Primitiveviolet-800 = #4c308f
Components read the token at the top. Nothing below it is visible to them, so a brand, a mode or a sentiment changes the value without touching the component.
Every token on the card
A flat system would store 780 values for this one card across three brands, two modes, five sentiments and four states. The layers define 173: 110 primitives, 6 brand mappings, 5 sentiments and 52 global definitions.