Guides

Webdesign der sælger: typografi, farver og struktur der virker

Godt design er ikke smag alene. Her er de valg, der målbart øger læsbarhed, tillid og antal henvendelser.

Af Sebastian J · 10. august 2026 · 6 min læsning

Designguide med typografi og farveprøver
Designguide med typografi og farveprøver

Et pænt design er ikke nødvendigvis et effektivt design. Det, der afgør resultatet, er læsbarhed, hierarki og tillid.

Typografi først

  • Brødtekst: 17-19 px på desktop, 16-18 px på mobil
  • Linjelængde: 60-80 tegn
  • Linjeafstand: 1,5-1,7
  • Maks to skrifttyper — én til overskrifter, én til brødtekst

Farver med system

Vælg én primærfarve, én accentfarve og en neutral skala. Brug accentfarven kun til handlinger, så knapper altid betyder det samme. Kontrast mellem tekst og baggrund skal være mindst 4,5:1.

Hierarki: hvad ser man først?

Hver side bør have ét tydeligt formål. Test det med fem-sekunders-reglen: vis siden i fem sekunder, og spørg hvad virksomheden laver, og hvad man kan gøre. Kan folk ikke svare, er hierarkiet forkert.

Tillidselementer der virker i Danmark

  1. Rigtige billeder af team og arbejde
  2. Anmeldelser med navn og by
  3. CVR-nummer, adresse og telefonnummer i footeren
  4. Priser eller prisinterval — også når det er "fra"

Mellemrum er ikke spild

Luft omkring overskrifter og knapper gør siden lettere at scanne. De fleste danske virksomhedssider bliver bedre af at fjerne 20 % af elementerne frem for at tilføje flere.

Design og hastighed hænger sammen

Store baggrundsvideoer, fire webfonte og animationer på hvert modul koster sekunder. Et roligt design er næsten altid et hurtigt design.

Relaterede artikler