Type Scale Calculator

Generate harmonious type scales using mathematical ratios. Pick a base size and ratio to compute heading and body sizes.

Generated CSS

Related Typography Terms

Type Scale Typographic Hierarchy Vertical Rhythm Modular Scale

Learn More

CSS Typography
Type Scale with CSS Custom Properties: A Practical Guide

Build a harmonious type scale using CSS custom properties — modular ratios, responsive scaling, and design token integration.