03 / FREE WEB TOOL
Find a comfortable type rhythm.
Adjust a small set of text sizes, preview the result, and copy CSS that you can adapt for your own page.
Live previewSystem fonts onlyNo upload
ZORELIO TYPE SCALE
In this browserShape your scale.
12 px24 px
1.102.00
This sample stays in your browser and is not saved.
LIVE SPECIMEN16 px · 1.2
DISPLAY
A clear place to begin.
SECTION
Tools for thoughtful work.
SUBHEADING
A little order goes a long way.
LEAD
A practical starting point for your next idea.
BODY
Good tools make the next step easy to see.
CAPTION
Small details still deserve comfortable reading.
Adjust a control to update the preview.
04 / HOW TO USE
Preview, tune, then reuse.
This is a small layout helper. It previews text sizes with fonts already available on your device and creates CSS variables for you to review.
- Choose a base size and a ratio to set the scale.
- Adjust line height and sample text until the preview feels readable.
- Copy the CSS variables and adapt them in your own project.