Random font sizes are how pages collect an ad hoc hierarchy that fights itself. A modular scale gives every size a relationship to the base, so headings and body text read as a system.
Build a modular type scale from a base size and ratio, complete with line heights. Use the resulting steps for every heading and paragraph size, and the page hierarchy stops being a guessing game.
Try it now: open the free tool, runs 100{ddff9936f8333f09603555df7bd6492034f3a4a35de784276d3cf3d66166a113} in your browser.
Bottom line: lock a ratio and the hierarchy builds itself.
Your turn: use the tool free here, no signup, nothing leaves your device.
How do you use Line Height & Typography Scale Calculator?
Open the Line Height & Typography Scale Calculator in your browser (Type scale). Type or paste your input, adjust the options, and copy the result. Everything runs locally on your device with no account and nothing stored, so the three steps below take seconds even for confidential work.
- Paste the data or snippet you want to process.
- Run the tool and watch the output update.
- Copy the result for use in your own code.
Try Line Height & Typography Scale Calculator free. It opens right in your browser.