Typografi er langt mere end valg af skrifttype. Det er et af de vigtigste redskaber, når du skal skabe et website, der både er æstetisk, funktionelt og let at læse. God typografi guider brugeren gennem indholdet, skaber hierarki og rytme – og kan være forskellen mellem et site, der føles professionelt, og et, der virker rodet. Her får du en introduktion til, hvordan du med enkle principper kan bruge typografi til at styrke både struktur og læsevenlighed i dit webdesign.

Start med formålet – og målgruppen

Inden du vælger skrifttyper, bør du overveje, hvem du designer til, og hvilket formål websitet har. Et nyhedssite kræver en anden typografisk tilgang end en portfolio eller en webshop.

• Nyhedssites har ofte brug for høj læsbarhed og tydelig hierarkisk struktur, så brugeren hurtigt kan skimme overskrifter og brødtekst.
• Kreative portfolier kan tillade mere eksperimenterende typografi, hvor udtrykket understøtter personlighed og stil.
• Webshops bør prioritere klarhed og tillid – her skal typografien hjælpe brugeren med at navigere og træffe beslutninger.

Når du kender formålet, bliver det lettere at vælge skrifttyper, der passer til tonen og brugssituationen.

Vælg skrifttyper med omtanke

En god tommelfingerregel er at bruge højst to til tre skrifttyper på et website – typisk én til overskrifter og én til brødtekst. For mange forskellige fonte skaber visuel støj og forstyrrer læseflowet.

• Sans-serif-skrifttyper (som Open Sans, Lato eller Inter) fungerer godt på skærm, fordi de er rene og letlæselige i små størrelser.
• Serif-skrifttyper (som Merriweather eller Georgia) kan give et mere klassisk og redaktionelt udtryk, især i længere tekster.
• Display-skrifttyper bør bruges med måde – de kan give karakter til overskrifter, men bliver hurtigt overvældende i store mængder.

Tænk også på kontrasten mellem skrifttyperne. En let sans-serif til brødtekst og en mere markant serif til overskrifter kan skabe balance og rytme.

Skab hierarki med størrelse, vægt og afstand

Typografisk hierarki handler om at vise, hvad der er vigtigst. Brug størrelse, vægt (fed, normal, let) og afstand til at skabe en naturlig læseretning.

• Overskrifter skal fange opmærksomheden og markere nye sektioner.
• Mellemrubrikker hjælper brugeren med at skimme og forstå strukturen.
• Brødtekst skal være rolig og ensartet, så øjet kan bevæge sig ubesværet gennem teksten.

Et godt hierarki gør, at brugeren intuitivt forstår, hvor de skal starte, og hvordan indholdet hænger sammen – uden at tænke over det.

Læs også:

Roller og rettigheder i CMS: Sådan sikrer du styring og ansvar

Web

Et velfungerende CMS kræver klare roller og rettigheder. Læs hvordan du skaber struktur, sikkerhed og effektivt samarbejde ved at definere, hvem der må hvad – og hvordan du undgår fejl og rod i indholdsarbejdet.

Fra idé til app: De afgørende faser i udviklingsprocessen

Web

Appudvikling kræver mere end en god idé – det handler om at kombinere strategi, design og teknologi i en struktureret proces. I denne artikel får du et klart overblik over de afgørende faser, der fører din app sikkert fra koncept til lancering og videre udvikling.

Mørke temaer og kontraster: Den voksende trend i moderne webdesign

Web

Mørke temaer og stærke kontraster vinder frem i moderne webdesign og udfordrer de lyse, minimalistiske traditioner. Artiklen dykker ned i, hvorfor denne æstetik tiltaler både designere og brugere, og hvordan den påvirker stemning, tilgængelighed og brugeroplevelse.

Sådan formidler du værdien af UX til ledelsen og andre interessenter

Web

Det kan være en udfordring at forklare, hvorfor UX er afgørende for forretningens succes. Denne artikel giver dig konkrete råd til, hvordan du kan formidle brugeroplevelsens værdi på en måde, der skaber forståelse, opbakning og handling hos ledelse og interessenter.

Linjelængde, linjeafstand og kontrast

Selv den smukkeste skrifttype mister sin effekt, hvis den præsenteres forkert. Tre faktorer har særlig betydning for læsevenligheden:

1. Linjelængde: Hold linjerne mellem 50 og 75 tegn. For lange linjer gør det svært at finde tilbage til starten af næste linje, mens for korte linjer skaber et hakket læseflow.
2. Linjeafstand: Sørg for luft mellem linjerne – typisk 1,4–1,6 gange skriftstørrelsen. Det giver teksten rytme og gør den lettere at skimme.
3. Kontrast: Sort tekst på hvid baggrund er klassikeren, men du kan sagtens arbejde med nuancer. Undgå dog for lav kontrast, da det trætter øjnene og forringer tilgængeligheden.

Små justeringer i spacing og kontrast kan gøre en markant forskel for brugeroplevelsen.

Brug typografi til at skabe rytme

Rytme i typografi handler om gentagelse og variation. Når overskrifter, afsnit og citater følger et konsekvent mønster, opstår der en visuel puls, som gør siden behagelig at læse.

Du kan skabe rytme ved at:

• Bruge faste afstande mellem elementer.
• Gentage typografiske mønstre (fx samme størrelse og vægt for alle H2-overskrifter).
• Variere mellem korte og lange afsnit for at give teksten dynamik.

Rytme handler ikke om at gøre alt ens, men om at skabe en genkendelig struktur, der føles naturlig for øjet.

Husk tilgængelighed og responsivitet

Typografi skal fungere på tværs af enheder og for alle brugere. Sørg for, at teksten er let at læse på både mobil, tablet og desktop. Brug relative enheder som em eller rem, så skriftstørrelsen skalerer korrekt.

Tænk også på brugere med nedsat syn:

• Sørg for tilstrækkelig kontrast.
• Undgå tekst i billeder, som ikke kan læses af skærmlæsere.
• Brug semantiske HTML-tags (h1, h2, p osv.) for at bevare struktur og hierarki.

Tilgængelig typografi er ikke kun et spørgsmål om etik – det forbedrer også brugeroplevelsen for alle.

Typografi som en del af brandet

Typografi er en bærende del af et brands visuelle identitet. Den kan signalere professionalisme, kreativitet, varme eller autoritet. Når du vælger skrifttyper, bør du derfor tænke på, hvordan de understøtter brandets personlighed.

Et konsistent typografisk system – brugt på tværs af website, nyhedsbreve og sociale medier – skaber genkendelighed og styrker troværdigheden. Det er en investering i både æstetik og kommunikation.

Afslutning: Den usynlige kunst

Den bedste typografi er ofte den, man ikke lægger mærke til. Den leder øjet, skaber ro og gør indholdet let at forstå. Når rytme, struktur og læsevenlighed går op i en højere enhed, bliver teksten ikke bare læst – den bliver oplevet.