Spring til indhold

Har designet et iOS 26 'Liquid Glass'-designsystem og et kanonisk komponentbibliotek håndhævet af lint‑regler for at forhindre UI‑divergens.

Design Systems‑ingeniør

Situation. Et UI uden et fælles visuelt sprog og et fast sæt komponenter driver, og det driver 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 røre fem specialbyggede versioner af den samme ting.

Opgave. Designsystemet skulle være sammenhængende nok til at se bevidst ud, og håndhævbart nok til, at det ikke eroderede 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 — gennemsigtige paneler med backdrop‑blur, lagdelte skygger, en smule refraktion, spring‑animationer — bygget af Tailwind‑utilities. Ovenpå det sidder et kanonisk sæt komponenter, hver skærm er ment til at sammensætte af: Card, Label, Button, GlassIconButton, DirectoryGrid og resten. Det, der får det til at sidde fast, er lintingen: regler, der afviser et hjemmelavet badge eller chip og peger dig på den kanoniske komponent i stedet, så systemet holdes oppe af værktøjer frem for af, at den, der reviewer den dag, husker at bekymre sig. Og dokumentationen er parret med konkrete fejl‑til‑løsning‑noter, så vejledningen er “her er den forkerte måde og den rigtige”, ikke et abstrakt princip.

Resultat. UI’et forbliver konsistent og on‑brand, og de engangskomponenter, der ellers ville sprede sig, fanges, før de gør. Visuel konsistens holdt op med at være et spørgsmål om alles disciplin og blev til noget, værktøjerne holder linjen på, hvilket er den eneste version af det, der overlever en deadline.