Typografische Schaal
Genereer een modulaire typografische schaal voor je ontwerp. Kies een basisgrootte en verhouding voor perfect proportionele koppen.
Wat is een modulaire typografische schaal?
Een modulaire typografische schaal is een reeks lettergroottes die een consistent wiskundig verhouding volgen, zoals Major Third (1,25x) of Perfect Fourth (1,333x). Elk niveau van h1 tot h6 is proportioneel groter dan het vorige, wat resulteert in harmonieuze en visueel evenwichtige typografie.
De juiste verhouding kiezen
Kleinere verhoudingen zoals Minor Second (1,067) creëren compacte schalen voor dense interfaces. Grotere zoals Perfect Fourth (1,333) of Gulden Snede (1,618) creëren dramatische contrasten voor redactionele sites. Major Third (1,25) is een veilige standaard voor de meeste schermformaten.
De gegenereerde CSS gebruiken
Het CSS-paneel genereert aangepaste eigenschappen in :root (bijv. --text-h1) en directe selectors voor elk kopniveau. Plak ze in je stylesheet. Gebruik rem voor toegankelijke, schaalbare grootte of px voor vaste afmetingen.
Typografische schaal en toegankelijkheid
Het gebruik van rem in plaats van px maakt typografie schaalbaar met de systeemlettervoorkeur van de gebruiker, wat een belangrijk toegankelijkheidsaspect is. WCAG beveelt aan dat tekst tot 200% kan worden vergroot. Een modulaire schaal met rem voldoet hier automatisch aan.