Free Typography Scale Generator
Use our free typography scale generator to create harmonious font sizes based on musical ratios. Export CSS variables, SCSS, or Tailwind config.
- Musical ratio presets
- Custom ratio input
- Adjustable base size
- Preview with real text
- CSS and SCSS export
- Tailwind config export
Frequently Asked Questions
What scale ratios should I use?
Popular ratios: 1.067 (minor second) for subtle scaling, 1.25 (major third) for moderate contrast, 1.618 (golden ratio) for dramatic hierarchy. Choose based on your design needs.
What's a good base font size?
16px is the browser default and a good starting point. Body text should be comfortable to read - 16-18px for most screens. Scale up and down from there.
How many size steps do I need?
Most designs need 6-10 sizes covering tiny labels to large headlines. Generate more steps than you'll use and select the ones that work for your hierarchy.
Is the typography scale free to use?
Yes, this tool is completely free with no hidden fees or premium features. Create unlimited items and download all generated code without any restrictions.
Do I need to sign up to use this tool?
No signup or account is required. Simply visit the page, configure your settings, and export the code immediately.
Can I use the generated code in commercial projects?
Absolutely! All generated code is free to use in both personal and commercial projects without attribution or licensing restrictions.