De huisstijl wordt machine-leesbaar: design tokens

Wat betekent het dat je huisstijl machine-leesbaar wordt?

Design tokens maken van je huisstijl een bestand dat software kan uitvoeren. Kleuren, afstanden, lettergroottes en hoekradii staan erin als losse benoemde waarden, niet als plaatjes en omschrijvingen in een PDF. Sinds 28 oktober 2025 is daar één afspraak voor die op stabiel staat. De Design Tokens Community Group publiceerde die dag versie 2025.10 met de status stable, na vier jaar concepten. Figma zette diezelfde dag native import en export aan.

Voor jou als merkeigenaar betekent dat één ding. Je huisstijl heeft vanaf nu twee exemplaren. Het document dat mensen overtuigt, en het bestand dat machines uitvoeren. Het tweede exemplaar bepaalt wat er daadwerkelijk op het scherm komt: in de webshop, in de nieuwsbrief, in de app, in het sjabloon waarmee iemand op de marketingafdeling een banner maakt. En dat tweede exemplaar heeft bij vrijwel geen enkel merk ooit iemand opengeklikt.

Wij zijn dat de afgelopen weken gaan nakijken, bron voor bron, in plaats van de samenvattingen te geloven. Drie dingen kwamen eruit die je gesprek met je ontwerper of ontwikkelaar veranderen. De afspraak staat vast maar wordt nog steeds gerepareerd. De grootste ontwerptool ter wereld heeft de knop aangezet, dus de discussie of dit gaat gebeuren is voorbij. En "ondersteunt design tokens" op een leverancierspagina bewijst niets, want dat is aantoonbaar al een keer niet waar gebleken.

Hieronder staat wat er vaststaat, wat er nog schuift en wat je zelf kunt nakijken zonder een ontwikkelaar te bellen.

Wat er sinds 28 oktober 2025 vaststaat, en wat er nog schuift

De specificatie bestaat uit drie delen en dat is belangrijker dan het klinkt. Het Format-deel beschrijft hoe een token eruitziet. In het Color-deel staat hoe een kleur wordt opgeschreven, en dat is niet als hexadecimale code maar als een object met een kleurruimte en losse componenten. Ten slotte regelt het Resolver-deel hoe dezelfde tokens zich gedragen in meerdere contexten, zoals een lichte en een donkere modus. Dat derde deel is het stuk waarmee één huisstijl meerdere verschijningsvormen bedient zonder dat er een tweede palet ontstaat.

De statusgeschiedenis staat open en bloot op de site van de werkgroep:

Lees nu de kleine letters. In de specificatie zelf staat: "It is not a W3C Standard nor is it on the W3C Standards Track." Dit is een afspraak van een gemeenschap, geen officiële norm. En stabiel is niet hetzelfde als af. Op 20 september 2026 telde de openbare lijst van de werkgroep 91 openstaande punten en voorstellen, met wijzigingen tot in september 2026.

Er is daarnaast een valkuil waar je ontwikkelaar zo in stapt. Naast de stabiele tekst staat er een werkversie online, en die draagt bovenaan de waarschuwing: "Do not attempt to implement this version of the specification." Dat staat er letterlijk op de preview-versie van het Format-deel. Twee adressen, bijna dezelfde tekst, en maar één ervan mag je bouwen. Vraag dus niet of iemand de specificatie volgt. Vraag welke versie, en laat het versienummer in de oplevering opschrijven.

Figma hield dit vier jaar tegen en zette het op dezelfde dag aan

Dat de afspraak nu vaststaat is geen academische mededeling, want de grootste ontwerptool ter wereld heeft er zijn planning aan opgehangen. Op zijn eigen conferentie van 28 oktober 2025 schreef Figma het in gewone woorden op: "We've held off on adding this feature, opting instead to release an open source import/export plugin, until The Design Tokens W3C Community Group (DTCG) finished their 1.0 release." En daarna: "The community group spec is now officially at 1.0, along with native import and export support in Figma."

Vier jaar lang was de beleefde reden om niets te doen dat er nog geen afspraak was. Die reden is op één dag verlopen. Dat is het echte nieuws voor merkeigenaren: je hoeft niemand meer te overtuigen dat een huisstijl exporteerbaar hoort te zijn. Het zit in de tool die je ontwerper toch al open heeft staan, als een knop.

Wat dat praktisch verandert aan een opdracht bij ons is klein maar merkbaar. Tot vorig jaar leverden wij een huisstijl als een set bestanden plus een document, en dan begon bij de ontwikkelaar het overtypen. Kleuren uit een PDF naar een stylesheet, afstanden uit een schets naar een schaal, en bij elke overtypbeurt sluipt er een afwijking in. Niet één grote fout, maar een kleurtje dat twee tinten naast het origineel ligt en een marge van 18 in plaats van 16 pixels. Een half jaar later klopt de site niet meer met het merk en kan niemand aanwijzen waar dat is gebeurd.

Met een tokensbestand verdwijnt die overtypstap. Dat is de hele winst. Geen belofte over omzet, geen nieuw soort creativiteit, gewoon één bron die niemand hoeft over te schrijven. Wij verwerken dat daarom standaard in het traject rond merkidentiteit en brandbook, naast het document dat de keuzes uitlegt.

Waarom "ondersteunt design tokens" op een leverancierspagina niets zegt

Hier komt de vondst die dit artikel de moeite waard maakt. Op 4 mei 2026 opende een integrator de exportknop van een ontwerptool, keek naar wat eruit kwam en zette het naast de specificatie. Het klopte niet. De tool schreef geen bestand volgens de nieuwe afspraak weg, maar het formaat van een oudere plug-in. In de openbare melding in de gemeenschap van die tool staat het citaat uit de eigen documentatie erbij: "Penpot natively supports the design tokens standard", het uitwisselformaat van de Design Tokens Community Group. En daaronder staat wat er werkelijk uit de knop kwam.

De verschillen zijn niet cosmetisch:

De melding zegt het zelf droog: de afspraak kent geen sets, thema's, tokenSetOrder of activeThemes. Dat is geen detail voor techneuten. Het betekent dat het bestand waarvan jij denkt dat het je huisstijl is, in de volgende tool niet zonder omzetwerk te openen valt. En dat merk je pas als iemand anders dan de maker het probeert te gebruiken, meestal een jaar later, meestal onder tijdsdruk.

De les is niet dat die ene tool slecht is. De les is dat de zin "ondersteunt design tokens" op een productpagina geen controleerbare uitspraak is. Er staat geen versienummer bij, er staat geen testresultaat bij, en niemand controleert het. Vraag bij elke leverancier die dit claimt om een exportbestand en kijk erin. Dat is een halfuurtje werk en het is het enige bewijs dat telt. Dezelfde reflex hanteren wij bij cijfers in vakartikelen, en waarom dat nodig is staat in ons stuk over merkcijfers die bij navraag iets anders bleken te zeggen.

Het waarom van een kleur staat in een veld dat een tool mag weglaten

Een token is een naam en een waarde, en meer hoeft het niet te zijn. De specificatie laat daarnaast een uitleg toe. In het Format-deel staat het zo: "A plain text description explaining the token's purpose can be provided via the optional $description property." Let op dat woord: optional. De uitleg mag erin, maar hij hoeft niet.

Dat lijkt een voetnoot en het is de kern van je merkwerk. De waarde van een kleur is techniek. Waarom die kleur is gekozen, waar hij wel en niet mag staan, en welke kleur hem nooit mag raken, dat is merkinhoud. Dat is het deel waar wij weken aan werken en waar de klant voor betaalt. En het zit in het enige veld van het bestand dat een tool straffeloos mag overslaan.

Dus zit er bij elke uitwisseling een lek. Het bestand komt aan bij de ontwikkelaar, de waarden kloppen, en de reden is onderweg verdampt. De ontwikkelaar ziet een lijst kleuren zonder rangorde en kiest de kleur die het beste uitkomt. Dat is geen slordigheid van hem, hij heeft simpelweg geen instructie gekregen.

Daar zit onze rol, en die is concreet. Wij leveren de uitleglaag die de tool niet meeneemt: per token een reden, per kleurenpaar een expliciete toestemming of een verbod, en een schaal die zegt welke maat waar hoort. Dat is dezelfde discipline die we bij typografie al toepassen, waarover we schreven in typografie als merkasset. Een lettertype zonder gebruiksregel wordt willekeurig gebruikt. Een kleur zonder reden ook.

De praktische vuistregel: als je een tokensbestand krijgt aangeleverd, open het en zoek naar de uitleg. Staat die er niet in, dan heb je een technische lijst gekregen en geen huisstijl.

Welk cijfer je wel mag gebruiken als je een huisstijl verantwoordt

Dit hoort in dit artikel omdat de volgende vraag altijd komt: wat levert het op? Het antwoord van de markt is al jaren hetzelfde percentage, en dat percentage houdt geen stand.

Bijna elk bureau verkoopt een huisstijl met een omzetstijging door consistente branding. De bron is een onderzoek uit 2016 van de leverancier die nu Marq heet. De keten is te volgen. Een persbericht uit december 2019 meldt dat consistente branding de omzet met 33% kan verhogen en noemt dat "a 10% increase over the 2016 report", bij een steekproef van "over 200 organizations".

Op de eigen pagina van diezelfde leverancier staat inmiddels de zin waar het om draait: "Companies estimate that consistently maintaining their brand could drive a 10-20% increase in overall growth and revenue."

Estimate. Er is nooit omzet gemeten. Er is aan marketeers gevraagd wat ze denken dat er zou gebeuren, en dat antwoord is vervolgens jarenlang geciteerd alsof het een meting was. Het getal is bovendien per editie veranderd, terwijl de markt consequent de hoogste versie blijft aanhalen.

Er is wel een cijfer dat op gedrag rust in plaats van op een inschatting. Een merkplatform analyseerde niet een enquête maar zijn eigen gebruikslog over ruim 10.000 merken. Uitkomst: het gemiddelde aantal publicaties per sjabloon is 32,5, en het gebruik van sjablonen groeide met 42% in een jaar. Dat meet hergebruik, geen omzet. En precies daarom is het bruikbaar.

Zo verantwoord je een huisstijl eerlijk: niet met een omzetbelofte, maar met productietijd en herhaalbaarheid. Een tokensbestand versterkt precies dat argument, want het is de vorm waarin hergebruik automatisch gaat.

De huisstijl wordt ook een adres dat agents bevragen

Naast het bestand lopen er nog twee sporen, en allebei halen ze de huisstijl uit het document vandaan.

Het eerste spoor is de huisstijl als bevraagbaar adres. Figma levert een server waarmee programmeeragents rechtstreeks in een ontwerpbestand kunnen kijken. In de officiële lijst met beschikbare functies staan er twee die er voor merken toe doen: get_variable_defs, omschreven als "variables and styles used in a selection", en search_design_system, omschreven als "searches libraries for components, variables, styles". Een agent die code schrijft, hoeft je merkkleur dus niet meer te gokken. Hij kan hem opvragen. Wat hij ophaalt, is wat jij hebt vastgelegd, inclusief de rommel die je hebt laten staan.

Het tweede spoor is de huisstijl als onderdeel van een model. Adobe kondigde op 28 oktober 2025 Firefly Foundry aan: modellen die op de eigen catalogus van een merk worden getraind, over beeld, video, audio, vector en 3D, uitgeleverd via de eigen programma's. De aankondiging noemt Walt Disney Imagineering als partner. Of dat voor jouw merk relevant wordt, hangt af van hoeveel beeld je produceert, maar de richting is niet ambigu: merkkennis verhuist van een document naar een systeem.

Zet die twee naast het tokensbestand en je huisstijl heeft drie verschijningsvormen. Een document voor mensen, een bestand voor gereedschap, en een bron die agents kunnen bevragen. Wie bepaalt wat er in die tweede en derde vorm staat, bepaalt hoe je merk er straks uitziet op plekken waar geen ontwerper meer naar kijkt. Dat is voor ons de reden dat technologie en AI naast design staan in wat we leveren, en niet als los pakket.

De token-audit: wat je deze week zelf kunt nakijken

Dit kun je doen zonder iemand in te huren, en het duurt ongeveer een uur.

Stap 1: vraag de export op. Vraag je ontwerper om een export van de variabelen uit het ontwerpbestand. Niet een schermafdruk van het palet, het bestand zelf. Krijg je het niet, dan is dat het eerste antwoord: je huisstijl bestaat nog nergens in een vorm die een machine kan lezen.

Stap 2: open het en kijk naar de vorm. Staan er sleutels in die met $themes, $metadata of tokenSetOrder beginnen, dan is het niet het formaat van de stabiele afspraak maar dat van een plug-in. Dat kan prima werken in jouw keten, maar noem het dan niet uitwisselbaar.

Stap 3: zoek de uitleg. Zoek op $description. Vind je niets, dan is het waarom van elke keuze onderweg verdwenen. Dat is repareerbaar en het is handwerk.

Stap 4: tel de kleuren. Meer dan twintig unieke kleurwaarden in een merk dat drie kleuren zegt te hebben, betekent dat het palet in de praktijk al is uitgedijd. Tokens leggen dat genadeloos bloot, want elke afwijking krijgt een eigen regel.

Stap 5: leg het versienummer vast. Zet in de opleveringsafspraak welke versie van de afspraak je oplevert. Zonder versienummer is "wij leveren design tokens" net zo controleerbaar als "wij ondersteunen design tokens".

Wat je na dit uur hebt is geen technisch rapport maar een lijst met gaten. In ons werk is dat steevast dezelfde lijst: te veel kleuren, geen uitleg, en een export die niemand ooit heeft opengemaakt. Voor webshops die hier ook nog een kassa en een sjabloonsysteem achter hebben hangen, staat de bredere aanpak beschreven bij websites.

Hoe wij een huisstijl opleveren sinds de afspraak vaststaat

Wij hebben onze eigen oplevering dit jaar aangepast, en niet omdat het mooi klinkt in een offerte. Het scheelt ruzie achteraf.

Een huisstijl gaat bij ons de deur uit in twee lagen. De eerste laag is het document: positionering, logica, wat wel en niet mag, met voorbeelden. Dat blijft, want mensen nemen geen beslissing op basis van een JSON-bestand. De tweede laag is het bestand met de waarden, met het versienummer erbij en met de uitleg per token ingevuld in het veld dat daarvoor bedoeld is. Wie de uitleg leeg laat, levert de helft.

Daar hoort een houding bij die je bij ons vaker terugziet: wij controleren de bron zelf voor we hem gebruiken. Bij dit artikel betekende dat elke bewering openklikken. Twee dingen uit de samenvattingen die rondgaan bleken niet te kloppen bij navraag, en die staan hier daarom niet in. Dezelfde werkwijze gebruiken we voor onze eigen systemen, waarover we open zijn geweest in wat een agentsysteem aan onderhoud kost. Meten, opschrijven, ook als het antwoord tegenvalt.

Voor bestaande klanten is de omzetting meestal klein. Het palet staat vast, de typografische schaal staat vast, en dan is het een kwestie van één bestand maken en het mee opnemen in de oplevering. Voor merken waar per kanaal andere kleuren zijn gaan rondzwerven is het eerst opruimen. Dat opruimen is het eigenlijke merkwerk en het is de reden dat een brandbook meer is dan een mooie PDF. Wil je weten hoe dat er voor jouw merk uitziet, dan kijken we in een gesprek van een halfuur naar je bestaande export en vertellen we je wat er nu in staat. Dat kan via contact.

Drie dingen die je meeneemt

Geen samenvatting, maar de drie zinnen waarmee je morgen een beter gesprek voert met je ontwerper of je bureau.

Vraag naar het versienummer. "Wij leveren design tokens" is geen afspraak. "Wij leveren tokens volgens versie 2025.10, en dit is het exportbestand" is er wel een.

Open de export. Eén keer zelf in het bestand kijken vertelt je meer dan elke leverancierspagina. Wat je zoekt: de structuur, en het veld met de uitleg.

Koop geen huisstijl op een omzetbelofte. Het percentage dat overal circuleert komt uit een vraag naar verwachtingen, niet uit een meting. Wat je wel mag verwachten is minder overtypwerk, minder afwijkingen en sneller produceren. Dat is genoeg, en het is waar.

Veelgestelde vragen

Wat zijn design tokens precies? Design tokens zijn de losse, benoemde waarden van je huisstijl in een bestand dat software kan lezen: kleuren, afstanden, lettergroottes, hoekradii. In plaats van een plaatje van je palet krijgt een ontwikkelaar een lijst waarin per naam een exacte waarde staat. De afspraak over hoe dat bestand eruitziet staat sinds 28 oktober 2025 op stabiel.

Heb ik design tokens nodig als ik maar een website heb? Als je huisstijl op één plek staat en daar ook blijft, levert het je weinig op. Het rendeert zodra dezelfde waarden op meerdere plekken moeten kloppen: site, webshop, nieuwsbrief, app, advertentiesjablonen.

Mijn ontwerptool zegt dat hij design tokens ondersteunt. Is dat genoeg? Niet zonder de export open te maken. In mei 2026 bleek een exportknop een ander formaat op te leveren dan de eigen documentatie claimde. Exporteer, open het bestand, controleer de structuur.

Wat kost het om een bestaande huisstijl om te zetten naar tokens? Dat hangt aan de staat van de huisstijl, niet aan de techniek. Een vastgelegd palet en een duidelijke schaal zetten we in dagen om. Zwerven de kleuren per kanaal, dan is er eerst een opruimronde nodig, en dat is het echte werk.

Vervangt een tokensbestand mijn brandbook? Nee. Het brandbook overtuigt mensen, het bestand voert uit. De afspraak heeft wel een veld voor uitleg, maar dat is optioneel en mag bij export wegvallen. Daarom blijft het document bestaan.