# Bygde et designsystem med 48 tokens på plattformens eget glassmateriale og skrev linteren som avviser et magisk tall, en hardkodet skriftstørrelse eller en animasjon som ignorerer innstillingen for redusert bevegelse. august 2026 **Situasjon.** Et grensesnitt som bygges ved å legge til visninger, samler opp verdier: en hjørneradius her, en skrift på fjorten punkter der, en animasjon på to tideler av et sekund et annet sted. Hver for seg er de rimelige, og samlet er de et design som ikke kan endres, fordi det ikke finnes noe slikt som «hjørneradiusen» å endre — det finnes førti av dem, litt forskjellige, spredt over femti filer. **Oppgave.** Det visuelle vokabularet måtte reduseres til et navngitt sett, uttrykt med plattformens eget materiale i stedet for å finnes opp på nytt, og forsvares av en sjekk så det forblir redusert. **Handling.** Systemet består av førtiåtte tokener i seks grupper: avstand, typografi, farge, radius, elevasjon og bevegelse. Farge og materiale bygger på plattformens semantiske farger og glassmaterialet dens i stedet for faste verdier, og det er det som får grensesnittet til å følge systemets utseende, aksentfargen og kontrastinnstillingene uten noen kode som holder øye med dem. Typografien er knyttet til plattformens tekststiler, så den skaleres med brukerens innstilling for tekststørrelse i stedet for å låse en punktverdi. Linteren avviser tre ting: en numerisk literal der et avstands- eller radiustoken hører hjemme, en hardkodet skriftstørrelse hvor som helst, og en animasjon som er deklarert uten å respektere innstillingen for redusert bevegelse. Den tredje er den som ellers ville forvitret raskest, fordi en animasjon legges til i et øyeblikk av finpuss, og sjekken av innstillingen er den delen som hoppes over — så regelen gjør det umulig å skrive selve animasjonen uten den, i stedet for å be noen om å huske det. **Resultat.** Førtiåtte tokener beskriver hele grensesnittet, utseendet følger systemet, og ingen av de tre formene for forvitring kan committes. Begrensningen er at et tokensystem styrer konsistens og ikke kvalitet — alt stemmer nå overens, og å stemme overens er ikke det samme som å være godt designet, og det er en vurdering ingen linter i dette prosjektet gjør. --- - Rolle: Designsystemingeniør - Kategorier: [Frontend‑utvikling](https://software.engineer.company/nb/categories/frontend/), [Automatisering og CI/CD](https://software.engineer.company/nb/categories/automation/), [Testing og kvalitetssikring](https://software.engineer.company/nb/categories/testing/), [Designsystemer og brukergrensesnitt](https://software.engineer.company/nb/categories/design-systems/), [UX/UI‑design](https://software.engineer.company/nb/categories/ux-ui/) - Tjenester: [Frontend‑utvikling](https://software.engineer.company/nb/services/frontend-development/), [UI/UX‑design og designsystemer](https://software.engineer.company/nb/services/ui-ux-design/), [Merkevare, markedsføring og SEO](https://software.engineer.company/nb/services/brand-marketing/)