Har skabt et iOS 26 'Liquid Glass'-designsystem

Situation. En brugerflade uden et fælles visuelt sprog og et fast sæt komponenter skrider, og den skrider hurtigt. Hver ny skærm genopfinder sine egne knapper og badges og kort, hver en lille smule anderledes, og de små inkonsistenser hober sig op, indtil produktet ser usammenhængende ud, og hver ændring betyder, at man skal ind og rette fem specialbyggede versioner af den samme ting.

Opgave. Designsystemet skulle være sammenhængende nok til at virke gennemtænkt og håndhævbart nok til ikke at smuldre, i det øjeblik teamet havde travlt.

Handling. Det visuelle sprog og komponentsystemet blev designet som én ting. Sproget er et iOS 26 “Liquid Glass”-look — gennemskinnelige paneler med backdrop‑blur, lagdelte skygger, en smule refraktion, spring‑animationer — bygget af Tailwind‑utilities. Oven på det ligger et kanonisk sæt komponenter, som alle skærme skal sammensættes af: Card, Label, Button, GlassIconButton, DirectoryGrid og resten. Det, der får det til at holde, er lintingen: regler, der afviser et hjemmelavet badge eller en hjemmelavet chip og henviser til den kanoniske komponent i stedet, så systemet bæres af værktøjer og ikke af, at den, der reviewer den dag, husker at tage sig af det. Og dokumentationen er koblet til konkrete noter, der går fra fejl til løsning, så vejledningen er “her er den forkerte måde og den rigtige”, ikke et abstrakt princip.

Resultat. Brugerfladen forbliver konsistent og tro mod brandet, og de engangskomponenter, der ellers ville brede sig, bliver fanget, før det sker. Visuel konsistens holdt op med at være et spørgsmål om alles disciplin og blev til noget, værktøjerne håndhæver, hvilket er den eneste version af det, der overlever en deadline.