Typography tools

Typography tools support systematic design decisions — the kind where consistent ratios across font sizes and line heights make a layout feel coherent rather than improvised. The tools here generate type scales, calculate optimal line heights for a given font size, and apply the golden ratio (or other ratios) to typographic hierarchies.

The type scale calculator builds a modular scale from a base size and a ratio (1.125 minor second, 1.25 major third, 1.333 perfect fourth, 1.5 perfect fifth, 1.618 golden, 2.0 octave). Pick a ratio and a base; get a sequence of font sizes that cascade harmoniously through your H1, H2, H3, body, small, and caption levels. Useful when starting a new design system from scratch or rationalising an existing one that accumulated arbitrary sizes over time.

The line height calculator applies the standard typographic rule (line height = font size × (1.2 to 1.6) depending on body width and font weight) to produce per-size line-height values. Tighter for headlines, looser for body text. The golden ratio typography tool extends the type scale specifically for the 1.618 ratio (φ) — useful when applying the same proportions to multiple type levels and to the spacing between them. Together these tools cover the systematic side of typography; for typeface selection and pairing, dedicated services like Google Fonts and Adobe Fonts provide the libraries to choose from.