Art, design & a little curiosity
Typography ↗

A typographic scale that fits the content

Create a small set of coordinated sizes, use ratios as an optional starting point, and adjust the system around real headings, paragraphs, and constrained layouts.

An original cut-paper collage study exploring typographic scale.
Cut-paper collage / Original digital study

Start with the base role

A typographic scale is a coordinated set of sizes used across text roles. Begin with a comfortable body setting or the most demanding reading role. If that foundation is unsuitable, a mathematically elegant series above it will not make the document work better.

Set real paragraphs at the intended width and medium before choosing heading sizes. Then list the distinct levels the content actually needs. A short handout may require only a title, section headings, body text, and captions. Extra sizes create more choices to maintain without necessarily expressing additional useful structure.

Use ratios as a sketching tool

Multiplying a base size by a consistent ratio can generate a starting family of sizes. This is a convenient way to explore relationships, not a requirement that every role use the exact calculated value. The visible result also depends on weight, font proportions, line spacing, and surrounding space.

Try a restrained scale and a more dramatic one with identical content. The dramatic version may suit a short poster but overwhelm a dense reference page. Compare the hierarchy and the amount of space consumed. A useful scale gives the content enough room rather than forcing every heading to perform as a display statement.

Resolve difficult headings

Test the longest title and the narrowest available column. A large calculated size may create awkward breaks or an excessively tall heading block. Consider a different line arrangement, a shorter editorial title, or a specific role adjustment. Do not compress the lettering automatically to preserve the original number.

Keep the difference between roles recognizable after adjustment. If the second-level heading becomes almost identical to the third, change weight or spacing as well as size. A scale should help readers understand structure. Its internal numerical regularity is less important than the clarity of the resulting hierarchy.

Document a compact system

Record the approved sizes alongside weight, line spacing, and spacing around each role. Size alone does not describe a usable style. Include examples with short and long content, since a tidy one-word specimen cannot demonstrate how the system handles ordinary variation.

For different output sizes, adapt the scale deliberately rather than shrinking the entire design proportionally. A narrow digital view may need a less dramatic title while preserving a comfortable body size. A print format may allow more generous display treatment. Keep the roles consistent even when their exact dimensions change to suit the context.

Put it into practice

Try it yourself

  1. Approve the main reading role before generating larger sizes.
  2. Test ratios with long content and constrained widths.
  3. Document complete styles and adapt them deliberately for each format.
A worked example

Worked example: a workshop booklet scale

Build a fictional workshop booklet with a readable body setting and three larger levels. Compare a gentle progression with a steeper ratio using the same long title and section headings. If the steep version pushes the introduction onto another page, ask whether that space serves the content. Keep its strong title treatment if useful, but choose a calmer section-heading size. Save the resulting role table with examples, showing that the final system responds to the booklet rather than obeying a ratio without judgment.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More typography ↗