Forsiden / Blogg / Design

Fire illustrasjonsstiler, og den som leveres

29. august 2026 · 8 min lesing · Dimesum Engineering

Dimesum tegnet alle fire kandidatstilene før den valgte én, og det avgjørende var om hver farge i tegningen kunne være et token.

Fire illustrasjonsstiler. Én av dem kunne temasettes. Dimesum valgte sin visuelle retning ut fra én mekanisk test: kan hver farge i tegningen erstattes av et token? Tre kandidater strøk, og den peneste strøk hardest.

De fire arketypene ligger i docs/design/brand/ART-STYLES.md, én per referanse grunnleggeren samlet. Vi tegnet alle fire i stedet for å diskutere dem: de tre motivene Dimesum eier, gjengitt én gang i hver arketypes egen strek og palett. make ui-art-styles skriver kontaktarket på 4x3.

For produktillustrasjon slår genererbarhet skjønnhet

Produktillustrasjon blir regenerert, mens markedsføringsillustrasjon tegnes én gang. Dimesum leverer 18 fargepaletter, og den samme dumplingen må holde på 24px i en listerad og på 200px på en velkomstskjerm. En stil som trenger en illustratør for hver ny palett, kan ikke gjøre noen av jobbene.

Så porten er genererbarhet. En jevn strek med runde ender over et flatt fyll har nøyaktig to farger per form, og begge er navngitt av et token. Endre token-verdiene, og hver tegning i produktet temasettes på nytt samtidig, uten ny tegning og uten en ekstra ressurs.

Tre av de fire arketypene bryter sammen, hver av en ulik grunn

Ensemblet er varmt malerisk: en flettet damper med ekte tekstur, en ravgul bunn, og dumplinger med armer og ben som klatrer på spisepinneglasset. Den har mest sjarm av de fire. Den kan likevel ikke leveres. Et malt høylys er en gradient med to stopp og en senterposisjon, ikke en hex du kan bytte, og skyggeleggingen går i grøt på 24px.

Plakaten er flat geometrisk, oliven og gull på en flettet matte. Den har ingen konturer i det hele tatt: former skilles av farge alene. Vakker, og strukturelt fatal, fordi en temaendring flytter fyllene og tar grensene med seg. Ansiktene ligger på omtrent 8% av kroppsbredden, så på de 24px til 48px-størrelsene Dimesum bruker, leses de som tomme.

Oppslaget er moderne redaksjonell og nærmest vår egen strek: en tynn, jevn mørk kontur over flatt fyll, med detaljer båret av små gjentatte merker heller enn av skyggelegging. Forskjellen er motiv, ikke strek. Den tegner et helt bord ovenfra, og et bord har ingen enhet du kan sette i en listerad. Dimesum trenger en karakterstil, ikke en scenestil.

Klistremerket er ren kawaii-vektor, og det er den vi leverer. Jevn tynn kontur, flate fyll, prikkøyne, stor korallrødme, ingen skyggelegging. Hver farge i den er et token, så alle 18 palettene temasetter den gratis, den holder på 24px og på 200px, og den er samme strek som våre Lucide-ikoner på 24px med 2px runde strøk.

Det avgjørende spørsmålet: kan en farge være et token?

Flatt fyll er det som gjør en farge navngivbar, og navngivning er det som gjør 18 paletter gratis. Klistremerkets dumpling er ett fyll-token pluss ett strøk-token. Rødmen er rust-600 ved 0.42 opasitet heller enn en flat pastell, så den låner den varme fargetonen temaet bærer i stedet for å navngi sin egen farge. Bambusdamperen er én tonal stige blandet ut fra hvert temas gold-600, så dens opplyste kant er den gullfargen pluss 22% papir og dens bunn pluss 38% blekk, i hvert tema.

Ingen av de avviste stilene overlever den redigeringen. Ensemblets høylys er bakt inn i et gradientstopp, så temasetting av kroppen etterlater en kremfarget klatt oppå. Plakaten har ingen linje som holder tegningen sammen, så når to fyll beveger seg mot hverandre, slutter kanten mellom dem å eksistere.

Tre rettelser bare sammenligning side ved side fanget

En tegning ser alltid grei ut for seg selv. Hver rettelse nedenfor ble funnet på samme måte: gjengi kandidaten til PNG, beskjær referansen til samme pikselstørrelse, og lim så begge inn i ett bilde.

Munnen ble tegnet 20u bred og leste som et smilefjes i det øyeblikket den sto ved siden av referansen. Den ble redusert til 10u, en tredjedel av øyeavstanden på 28u, og figuren ble en dumpling igjen. Øyeskivene ble redusert samtidig, fra r5 til 3.4u ovaler som er høyere enn de er brede.

En kontur tilpasset referansemasken via IoU fikk 0.880, mot 0.781 for det beste håndtegnede forsøket. Den tilpassede så ut som en piggete krone. Arealoverlapp kan ikke se glatthet, så den bedre poengsummen var den dårligere tegningen. Det som leveres, er målte proporsjoner med bevisst tegnede kurver: forholdstall 1.041 mot referansens 1.039, hvert segment en kubisk kurve, ingen hjørner noe sted.

Den samlede knuten må bryte konturen. Vår første dumpling var en glatt kuppel med tre tynne strøk malt på toppen, og tilbakemeldingen kom i ett ord: hår. Linjer tegnet på en ubrutt kurve kan bare leses som hår, fordi ingenting i formen sier at innpakningen ble samlet. Lappene skiller seg bare i de øverste 8% av høyden, kutt dypere og du får kaninører, som ble levert to ganger før det ble fanget.

Hva vi beholdt fra de tre vi avviste

Å avvise en stil er ikke å slette den. Ensemblet beholder sin sans for iscenesettelse: rekvisitter, søl, figurer som samhandler med gjenstander, brukt der en illustratør er med i løkka og ingenting temasettes på nytt. Oppslaget beholder tryggheten i den røde bunnen for nettstedet og retten til å gi et ansikt til en gjenstand som ikke er en figur. Plakaten beholder disiplinen med fire farger per komposisjon.

Studiene selv leveres aldri. ui/dumplings/styles/ har samme status som refs/: sitat, ikke kilde, og produktlaget kan ikke importere det. Generatoren leser arketypelisten ut av dokumentets egne overskrifter, så en femte arketype lagt til i ART-STYLES.md dukker opp i arket ved neste bygg, og en overskrift den ikke kan tegne, får bygget til å feile.