§ 08
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.
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 i rem | rem |
The calculator's own default values inserted. The figures are calculated with exactly the formula the tool uses.
Substituted
Giver
Members only
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.
Når du laver titler, undertekster og interface-tekst til en animation eller en app, giver en modulær skala et ensartet hierarki. Beregneren ganger grundstørrelsen med skalaforholdet et antal trin op.
Et UI i en AR-app har brødtekst på 16 px, og du bruger major third (1,25). Overskriften skal ligge 3 trin op.
It means: Overskriften bliver 31.3 px, eller 1.953 plate.
En titel i en explainer-video skal være markant. Grundstørrelsen er 24 px, og du bruger perfect fifth (1,5) 4 trin op.
It means: Titlen bliver 121.5 px.
Major third (1,25) fordobler størrelsen på ca. 3 trin.
Hvert trin skal være forholdet gange det forrige.