Designtokens – grunnsteinen i skalerbare designsystemer
Hva er en designtoken?
En designtoken er den minste enheten av designbeslutninger i et system. Det er en navngitt variabel som lagrer en visuell verdi: en farge, en størrelse, en skygge, en fontsstørrelse.
I stedet for at en designer bruker #1A73E8 direkte og en utvikler hardkoder den samme hex-koden, definerer man én gang: color.brand.primary = #1A73E8. Alle bruker tokenet – og når fargen endres, endres den ett sted.
Tre nivåer av tokens
Moderne token-arkitektur opererer gjerne med tre nivåer:
- Primitive tokens – råverdier som blue-500 = #1A73E8
Prosjekter
