🔤

Typography Scale Builder

Verified

by Community

Generates type scales using modular ratios for harmonious visual hierarchy. Covers font size selection, line height calculations, font weight systems, and responsive typography strategies.

typographyscalefontshierarchy

Typography Scale Builder

Create harmonious typography scales that establish clear visual hierarchy.

Usage

Provide your base font size and preferences to generate a type scale.

Examples

  • "Create a type scale using a 1.25 modular ratio"
  • "Build a responsive typography system for our web app"
  • "Design a type scale with 6 heading levels and body text"

Guidelines

  • Choose a modular ratio that matches your design personality
  • Set line heights between 1.2 (headings) and 1.5 (body text)
  • Limit to 6-8 distinct sizes for consistency
  • Define responsive adjustments for smaller screens
  • Pair font weights with sizes for clear hierarchy