Har bygget et macOS‑designsystem med 48 tokens

Situation. En grænseflade bygget ved at tilføje visninger ophober værdier: en hjørneradius her, en skriftstørrelse på fjorten punkter der, en animation på to tiendedele sekund et andet sted. Hver for sig er de rimelige, og tilsammen udgør de et design, der ikke kan ændres, for der findes ikke noget, der hedder “hjørneradiussen”, som man kan ændre — der er fyrre af dem, en smule forskellige, spredt over halvtreds filer.

Opgave. Det visuelle ordforråd skulle skæres ned til et navngivet sæt, der bygger på platformens eget materiale i stedet for at genopfinde det, og forsvares af et tjek, så det forbliver nedskåret.

Handling. Systemet er otteogfyrre tokens i seks grupper: mellemrum, typografi, farve, radius, ophøjning og bevægelse. Farve og materiale er bygget på platformens semantiske farver og dens glasmateriale i stedet for faste værdier, hvilket er det, der får grænsefladen til at følge systemets udseende, accentfarven og kontrastindstillingerne uden nogen kode, der holder øje med dem. Typografien er knyttet til platformens tekststile, så den skalerer med brugerens valgte tekststørrelse i stedet for at fastlåse en punktværdi. Linteren afviser tre ting: en fast talværdi, hvor et mellemrums- eller radiustoken hører hjemme, en hårdkodet skriftstørrelse hvor som helst og en animation, der er erklæret uden at respektere præferencen for reduceret bevægelse. Den tredje er den, der ellers ville smuldre hurtigst, for en animation tilføjes under finpudsningen, og præferencetjekket er den del, der bliver sprunget over — så reglen gør selve animationen umulig at skrive uden tjekket i stedet for at bede nogen om at huske det.

Resultat. Otteogfyrre tokens beskriver hele grænsefladen, udseendet følger systemet, og ingen af de tre former for smuldren kan committes. Begrænsningen er, at et tokensystem styrer ensartethed og ikke kvalitet — alt passer nu sammen, og at passe sammen er ikke det samme som at være veludformet, hvilket er en vurdering, ingen linter i dette projekt foretager.