Design tokens die meegroeien met meerdere merken
Hoe een tokenarchitectuur in drie lagen één klant in staat stelde om vijf merken te draaien vanuit één componentenbibliotheek.
Elena Vos
Design tokens zijn benoemde waarden, zoals kleuren, witruimte en typografie, die designers en code met elkaar delen. Goed ingezet kun je er de look van een merk mee veranderen zonder één component aan te raken.
Drie lagen
- Primitieve tokens beschrijven ruwe waarden:
blue-600,space-4. - Semantische tokens beschrijven de bedoeling:
color-action,space-section. - Componenttokens zijn optioneel en beschrijven uitzonderingen:
button-radius.
Componenten gebruiken altijd alleen semantische tokens. Voor een nieuw merk koppel je de semantische tokens simpelweg aan een andere set primitieven.
Het resultaat
Voor een hospitalitygroep met vijf hotelmerken betekende deze aanpak één componentenbibliotheek, één codebase en vijf herkenbare identiteiten. Nieuwe merken gaan nu binnen weken live in plaats van maanden.
Lees verder
DesignOntwerpen voor rust: waarom de beste producten stil aanvoelen
Aandacht is het schaarste wat je gebruikers hebben. Zo ontwerpen wij interfaces die daar zuinig op zijn, en daarom converteren rustige producten beter.
Elena Vos
TechnologieGidsenHeadless CMS zonder hoofdpijn
Gestructureerde content geeft teams superkrachten, maar alleen als redacteuren er ook echt mee kunnen werken. Ons draaiboek voor headless projecten waar redacteuren blij van worden.
Marcus Lindqvist
BedrijfDesignMaak kennis met Polaris, onze eerste bureaulamp
Twee jaar, veertig prototypes en één obsessie met gelijkmatig licht. Het verhaal achter de lamp waarmee onze productlijn begon.
Elena Vos