Typografische Schaal Genereren — Harmonieuze Lettertypegrootten

Willekeurig gekozen lettertypegrootten zien er chaotisch uit. Een modulaire typografische schaal gebruikt wiskundige verhoudingen voor harmonieuze, consistente groottes door je hele ontwerp.

Wat is een modulaire schaal?

Begin met een basisgrootte (bijv. 16px) en vermenigvuldig met een vaste verhouding voor elke stap. Major Third (1,25) geeft: 10, 12,5, 16, 20, 25, 31,3px. Perfect Fourth (1,333) geeft meer dramatische contrasten. Minor Second (1,067) is subtiel.

CSS custom properties gebruiken

--font-size-sm: 0.75rem; --font-size-base: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.5rem; --font-size-2xl: 2rem. Door CSS-variabelen te gebruiken schaalt de hele typografie mee bij een aanpassing van de basisgrootte.

Schaal aanpassen voor web

Op mobiel gebruik je een kleinere verhouding (1,2) voor compactere hiërarchie. Op desktop gebruik je een grotere (1,333–1,5) voor meer dramatisch contrast. Fluid typography met clamp() interpoleert soepel tussen schalen.