Forside / Blog / Design

Fire illustrationsstile, og den der udkommer

29. august 2026 · 8 min læsning · Dimesum Engineering

Dimesum tegnede alle fire kandidatstile, før valget faldt, og det afgørende var ikke skønhed, men om hver farve i tegningen kunne være et token.

Fire illustrationsstile. Én af dem kunne temasættes. Dimesum valgte sin visuelle retning ud fra en enkelt mekanisk test: kan hver farve i tegningen erstattes af et token? Tre kandidater faldt igennem, og den smukkeste faldt hårdest.

De fire arketyper ligger i docs/design/brand/ART-STYLES.md, én per reference som stifteren samlede. Vi tegnede alle fire i stedet for at diskutere dem: de tre motiver Dimesum ejer, gengivet én gang i hver arketypes egen streg og palet. make ui-art-styles skriver kontaktarket på 4x3.

Til produktkunst slår generérbarhed skønhed

Produktkunst bliver genereret på ny; marketingkunst bliver tegnet én gang. Dimesum leverer 18 farvepaletter, og den samme dumpling skal holde ved 24px i en listerække og ved 200px på en onboarding-skærm. En stil, der kræver en illustrator til hver ny palet, kan ikke løse nogen af de to opgaver.

Så porten er generérbarhed. En ensartet streg med runde ender over et fladt fyld har præcis to farver per form, og begge er navngivet af et token. Skift token-værdierne, og hver tegning i produktet skifter tema på én gang, uden gentegning og uden et ekstra aktiv.

Tre af de fire arketyper knækker, hver af sin egen grund

Ensemblet er varm og malet: en flettet dampkurv med ægte tekstur, en ravgul bund og dumplings med arme og ben, der klatrer op ad spisepindekrukken. Den har mest charme af de fire. Den kan alligevel ikke udkomme. Et malet højlys er en gradient med to stop og en centerposition, ikke en hex, du kan skifte ud, og skyggen bliver grødet ved 24px.

Plakaten er fladt geometrisk, oliven og guld på en flettet måtte. Den har slet ingen konturer: former adskilles alene af farve. Smuk og strukturelt fatal, fordi et temaskift flytter fyldene og tager grænserne med sig. Dens ansigter ligger på cirka 8% af kropsbredden, så ved de 24px til 48px størrelser Dimesum bruger, fremstår de tomme.

Opslaget er moderne redaktionel og tættest på vores egen streg: en tynd, ensartet mørk kontur over fladt fyld, hvor detaljen bæres af små, gentagne mærker frem for af skygge. Forskellen er motivet, ikke stregen. Det tegner et helt bord set oppefra, og et bord har ingen enhed, du kan putte i en listerække. Dimesum har brug for en karakterstil, ikke en scenestil.

Klistermærket er ren kawaii-vektor, og det er den, vi udkommer med. Ensartet tynd kontur, flade fyld, prikøjne, stor korallerødme, ingen skygge. Hver farve i den er et token, så alle 18 paletter temasætter den gratis, den holder ved 24px og ved 200px, og det er den samme streg som vores Lucide-ikoner ved 24px med 2px runde streger.

Det afgørende spørgsmål: kan en farve være et token?

Fladt fyld er det, der gør en farve navngivelig, og navngivning er det, der gør 18 paletter gratis. Klistermærkets dumpling er ét fyld-token plus ét streg-token. Rødmen er rust-600 ved 0.42 opacitet frem for en flad pastel, så den låner den varme kulør, temaet nu har, i stedet for at navngive sin egen farve. Bambusdampkurven er én tonal stige blandet ud fra hvert temas gold-600, så dens oplyste kant er den guld plus 22% papir og dens bund plus 38% blæk, i hvert tema.

Ingen af de fravalgte stile overlever den ændring. Ensemblets højlys er bagt ind i et gradient-stop, så et nyt tema på kroppen efterlader en cremefarvet klat oven på det. Plakaten har ingen linje, der holder tegningen sammen, så når to fyld først rykker mod hinanden, holder kanten mellem dem op med at findes.

Tre rettelser, som kun en sammenligning side om side fangede

En tegning ser altid fin ud alene. Hver rettelse nedenfor blev fundet på samme måde: gengiv kandidaten som PNG, beskær referencen til samme pixelstørrelse, og sæt så begge ind i ét billede.

Munden var tegnet 20u bred og læstes som et smiley i det øjeblik, den stod ved siden af referencen. Den kom ned på 10u, en tredjedel af øjenafstanden på 28u, og figuren blev en dumpling igen. Øjenskiverne kom ned samtidig, fra r5 til 3.4u ovaler, der er højere end de er brede.

En kontur tilpasset referencemasken efter IoU fik 0.880 mod 0.781 for det bedste håndtegnede forsøg. Den tilpassede lignede en pigget krone. Arealoverlap kan ikke se blødhed, så den bedre score var den dårligere tegning. Det, der udkommer, er målte proportioner med håndlagte kurver: forhold 1.041 mod referencens 1.039, hvert segment en kubik, intet hjørne nogen steder.

Den samlede knude skal bryde konturen. Vores første dumpling var en glat kuppel med tre tynde streger malet oven på, og tilbagemeldingen kom i ét ord: hår. Streger tegnet på en ubrudt kurve kan kun læses som hår, fordi intet i formen fortæller, at indpakningen blev samlet. Fligene skiller sig kun ud i de øverste 8% af højden; skær dybere, og du får kaninører, som udkom to gange, før det blev fanget.

Hvad vi beholdt fra de tre, vi fravalgte

At fravælge en stil er ikke at slette den. Ensemblet beholder sin sans for iscenesættelse: rekvisitter, ting der falder ud, figurer der spiller sammen med genstande, brugt der hvor en illustrator er med, og hvor intet skifter tema. Opslaget beholder modet med den røde bund til sitet og friheden til at give et ansigt til en genstand uden karakter. Plakaten beholder disciplinen med fire farver per komposition.

Selve studierne udkommer aldrig. ui/dumplings/styles/ har samme status som refs/: citat, ikke kilde, og produktlaget må ikke importere det. Generatoren læser listen af arketyper ud af dokumentets egne overskrifter, så en femte arketype tilføjet til ART-STYLES.md dukker op i arket ved næste build, og en overskrift, den ikke kan tegne, får buildet til at fejle.