§ 08
Typographic scale
Hvilken skriftstørrelse skal mit H2/H3/label have, hvis min brødtekst er 16px?
Answer: 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.
Formula
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).
| Symbol | Meaning | Unit |
|---|---|---|
| grundstoerrelse_px | Grundstørrelse (brødtekst) | px |
| forhold | Skalaforhold | — |
| trin | Antal trin op i skalaen | trin |
| = | Skriftstørrelse | px |
| = | Skriftstørrelse | rem |
Gyldighed og kilde
- Source
- Modulær typografisk skala (Tim Brown, 'More Meaningful Typography' — A List Apart)
Worked example
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
Members only
The calculator itself is locked
Create a free user account to unlock all articles, calculators, templates and range — and get access to quizzes and classes. It takes less than a minute: name, email and a password. No payment card.
Want to try something first? See what you can use without an account — the junior zone, the encyclopedia, the videos and more.