Brandguide eller designsystem: hvad skal du have?

Tre af de fire ord, folk bruger her, er synonymer. Ét er ikke, og forskellen mellem det og de andre er, om tingen indeholder kode.

Det er hele svaret. Resten af siden er belægget, og hvad hver ting koster at lave.

De tre der betyder det samme

Brandguide, designmanual og brandbog er ikke forskellige leverancer. Ingen troværdig kilde definerer dem op imod hinanden, og de virksomheder med den mest kopierede branddokumentation bruger ordene i flæng om overlappende ting:

• Figma kalder sit interne dokument en Brand Book og sin offentlige side Figma trademark guidelines.
• Slack kalder sit tilsvarende et brand center.
• LinkedIn kalder sit LinkedIn Branding Guidelines.

Fortæller en leverandør dig, at en designmanual er en mindre og billigere leverance end en brandguide, så spørg hvad der er i hver. Den skelnen er deres, ikke branchens, og den ærlige udgave af den er et sidetal og en pris.

Den ene der er anderledes

Et designsystem indeholder kode. Den grænse trækkes af to kilder, som ikke selv sælger brandguides.

Nielsen Norman Group definerer et designsystem som “et komplet sæt standarder til at styre design i stor skala ved hjælp af genbrugelige komponenter og mønstre”, og placerer designmanualen inde i det, som én del ved siden af et komponentbibliotek og et mønsterbibliotek. Deres specifikation af et komponentbibliotek nævner som indhold “kodestumper: det faktiske kodeuddrag for elementet” og “frontend- og backend-frameworks til at implementere biblioteket”.

Intet i deres beskrivelse af en designmanual nævner kode.

Figma trækker den samme grænse: designsystemer omfatter kodestandarder, en designmanual er en delmængde med fokus på det visuelle. Figma går videre end de fleste og placerer brandretningslinjer inde i designsystemet som et fundament, under komponent- og mønsterbiblioteker. Det modsiger den almindelige blogopstilling, hvor de to står side om side som alternativer, og det er værd at vide, før nogen giver dig et tilbud på “et designsystem” og leverer en PDF.

Prøven: kan en udvikler bygge din brugerflade ud fra det uden at spørge nogen om noget? Så er det et designsystem. Fortæller det dig hvilken blå du skal bruge, men ikke hvad en knap er, så er det en brandguide, uanset hvad det hedder.

Hvor design tokens passer ind

Tokens er broen mellem de to, og grunden til at en brandguide kan være mere end en PDF.

Der findes nu en stabil, leverandøruafhængig specifikation: Design Tokens Format Module 2025.10, offentliggjort 28. oktober 2025 som W3C Community Group Final Report. Læs statuslinjen, før nogen oversælger den. Dokumentet siger lige ud, at det “hverken er en W3C-standard eller på vej til at blive det”, samtidig med at det skriver “denne specifikation betragtes som stabil”.

Definitionen er kort nok til at citere helt: “En (design) token er information knyttet til et læsbart navn, som minimum et navn/værdi-par.” I praksis er det color-text-primary: #000000 udtrykt som JSON, med syv grundtyper (farve, dimension, skriftfamilie, skriftvægt, varighed, kubisk Bézier, tal) og seks sammensatte typer (stregtype, kant, overgang, skygge, gradient, typografi).

Hvorfor det betyder noget forretningsmæssigt: en farve nævnt i en PDF skal skrives af i hånden af hver person, der bruger den, og afskrift er der, hvor et brand skrider. Den samme farve som token er én fil, som hjemmesiden, skabelonen til præsentationer og appen alle læser. Det er forskellen på et brand der holder, og et brand der er 80% rigtigt overalt.

Hvad hver ting koster

	Hvad du får	Hvem det er til
Brandguide	Mærke og varianter, palet, typografi, brugsregler, tone, filerne	Alle med et logo og ingen regler for det
Designsystem	Alt ovenstående plus komponenter, tilstande og koden til at bygge dem	Hold der udvikler software med mere end én udvikler

En brandguide fra dette studie er 6.400 kr. ekskl. moms, og prisen er offentliggjort frem for tilbudt. Et designsystem er ikke et fastprisprodukt nogen steder, fordi størrelsen sættes af, hvor mange komponenter dit produkt har. Behandl et fast tilbud på et designsystem som et tilbud på en brandguide med et bedre navn.

Hvem bør ikke købe en brandguide

• Du har ét produkt, én side og ingen andre, der rører designet. Du har ikke brug for regler for at være i takt med dig selv. Brug pengene på siden.
• Du vil have et designsystem og har ingen udviklere. Komponenterne bliver aldrig bygget, og du har betalt designsystempris for en PDF.
• Dit logo ligger ikke fast. En guide dokumenterer beslutninger. Er mærket stadig i bevægelse, skrives guiden to gange.

Hvad vi faktisk bygger

Et rigtigt eksempel, fordi indholdslister i det abstrakte er ubrugelige. En brandguide bygget til en svømmepraksis med én ansat i Nordjylland fyldte tretten sider: udgangspunktet, idéen, logoet, farve delt i bærende og støttende, typografi med en displayskrift og en brødskrift, layoutprincippet der holdt identiteten sammen, tone, fotografi, mærkerne i brug, og en sidste side med hvad der endnu ikke fandtes.

Den sidste side er den, de fleste guides udelader. Den fortalte hvilke filer der manglede, og markerede tre tal i teksten som foreslåede frem for bekræftede, fordi kunden ikke havde efterprøvet dem. En guide der indrømmer, hvad den mangler, er mere værd end en, der stille efterlader hullerne til dig at finde.

Tokens fulgte med som CSS og JSON, så hjemmesiden læser de samme værdier, guiden trykker.

---

Videre: Hvad indeholder en brandguide · Hvad koster en brandguide · beregn din egen pris