Vertikal rytme
Vertikal rytme opstår gennem velovervejede afstande mellem tekstens elementer – fx linjer, paragraffer og overskrifter – og giver layoutet en klar struktur. Alle afstande følger vores 4px-system.
Afstand mellem linjer
Linjeafstand er en mindre detalje, som har stor betydning for tekstens samlede rytme. Vi tilpasser den ikke blot efter tekststørrelse men også typen af tekst.
Linjeafstand i brødtekst
Vi giver linjeafstanden i brødtekst tilstrækkeligt luft til at sikre et behageligt læseflow. Afstanden beregnes ved at gange skriftstørrelsen med 1,5 og afrunde resultatet til nærmeste 4px.
Linjeafstand i overskrifter
I overskrifter reducerer vi linjeafstanden for at give dem et mere kompakt udtryk. Linjeafstand i overskrifter beregnes ved at gange skriftstørrelsen med 1,2 og afrunde resultatet til nærmeste 4px.
Afstand mellem paragraffer
Den rette afstand mellem paragraffer er grundlaget for en god vertikal rytme. Afstanden beregnes ved at dividere linjeafstanden med 1,5 og afrunde resultatet til nærmeste 4 px.
Afstand mellem tekst og andet indhold
Afstanden mellem tekst og andre elementer – som fx tabeller, lister og billeder – beregnes ved at gange paragrafafstanden med 1,5 og afrunde resultatet til nærmeste 4px.
Afstand efter overskrifter
Afstanden mellem en overskrift og den efterfølgende tekst er den samme som afstanden mellem paragraffer. Det sikrer en tydelig sammenhæng og en jævn visuel rytme.
Afstand før overskrifter
Overskrifter (undtagen H1) har mere luft over sig, så starten på en ny sektion fremstår tydeligt. Afstanden før overskrifter beregnes ved at gange paragrafafstanden med 2,5 og afrunde resultatet til nærmeste 4px.
Afstand mellem listepunkter
Korte listepunkter fungerer fint uden ekstra luft mellem punkterne. Består et listepunkt derimod af to eller flere linjer, tilføjer vi ekstra luft mellem punkterne, så de ikke flyder sammen. Denne afstand beregnes ved at gange paragraph spacing med 0,5 og afrunde resultatet til nærmeste 4px.
