b2KIT

Font Size Scale Generator

Generate a harmonious typographic scale using modular ratios for consistent design.

How to Use Font Size Scale Generator

  1. 1

    Set a base size

    Enter your base font size in pixels or rems.

  2. 2

    Choose a scale

    Select a modular scale ratio like 1.25, 1.333, or 1.618.

  3. 3

    Preview the scale

    See all heading and body sizes in the generated type scale.

  4. 4

    Copy the values

    Export the scale as CSS custom properties or a Tailwind config.

Related Tools