Spring til indhold

Typografisk skala

Hvilken skriftstørrelse skal mit H2/H3/label have, hvis min brødtekst er 16px?

Svar: Beregneren udregner den næste skriftstørrelse i en modulær typografisk skala, hvor hvert trin er et fast forhold gange det foregående — den metode UI- og webdesignere bruger til at skabe et konsistent størrelseshierarki mellem overskrifter, brødtekst og labels. Den erstatter ikke en fuld typografisk designguide, men giver de matematisk konsistente basisværdier.

Formel

Trin-størrelse = grundstørrelse × forholdⁿ, hvor n = antal trin op i skalaen.

De navngivne forhold (major third, perfect fourth, gyldne snit m.fl.) stammer fra klassiske musikalske intervalforhold og er den mest udbredte metode til modulære typografiske skalaer, jf. Tim Brown: 'More Meaningful Typography' (A List Apart).

Symboler og enheder i formlen
SymbolBetydningEnhed
grundstoerrelse_pxGrundstørrelse (brødtekst)px
forholdSkalaforhold—
trinAntal trin op i skalaentrin
=Skriftstørrelsepx
=Skriftstørrelserem

Gyldighed og kilde

Kilde
Modulær typografisk skala (Tim Brown, 'More Meaningful Typography' — A List Apart)

Regneeksempel

Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.

Sat ind

  • Grundstørrelse (brødtekst)16 px
  • Skalaforhold1,25
  • Antal trin op i skalaen3 trin

Giver

  • Skriftstørrelse31,3 px
  • Skriftstørrelse1,953 rem

Selve beregneren er låst

Opret en gratis bruger for at låse op for alle artikler, beregnere, skabeloner og sortiment — og få adgang til quizzer og klasser. Det tager under et minut: navn, email og en adgangskode. Intet betalingskort.

Vil du prøve noget først? Se hvad du kan bruge uden konto — junior-zonen, leksikonet, videoerne og mere.