Building a Modular Type Scale for Posters

A poster usually needs several distinct sizes of type — a headline, maybe a subhead, some body copy, and a small credit or caption line — and it's tempting to just pick each size by eye until it looks about right. The trouble is that "about right" sizes chosen independently rarely relate to each other in any consistent way, and the layout ends up feeling arbitrary even if no individual size is wrong on its own. A modular type scale fixes this by deriving every size in the hierarchy from one base size and one ratio.

The idea, borrowed from music

A modular scale works by repeated multiplication: pick a base size, pick a ratio, and every step up multiplies the previous size by that ratio, while every step down divides by it. The formula is simply size at step n equals the base size times the ratio raised to the power of n. The named ratios most scale tools offer — minor second (1.067), major second (1.125), minor third (1.2), major third (1.25), perfect fourth (1.333), perfect fifth (1.5), the golden ratio (1.618) — borrow their names directly from musical intervals, because the underlying math (repeating a fixed multiplicative interval) is the same idea in both domains.

Choosing a ratio for the composition

A small ratio, like a minor second or major second, produces closely spaced sizes — useful in dense interfaces or documents with many levels of hierarchy that all need to sit close together. A large ratio, like a perfect fifth or the golden ratio, produces dramatic jumps between sizes, which suits a poster where you want one commanding headline, one clearly smaller supporting line, and not much in between. There's no universally correct ratio; it's a decision about how much visual contrast you want between hierarchy levels, and it's worth generating a scale at two or three different ratios on the same base size just to compare how the results feel.

Working from a sensible base

The base size is usually your reference point — often body text or a caption size, since that's the size you'll use the most and want to be comfortable, legible, and unremarkable. Steps up from the base generate your headline and display sizes; steps down generate your fine print, captions, and credit lines. Anchoring the scale to body text (rather than, say, the headline) tends to keep the whole hierarchy legible, since it's easy to build an impressive-looking headline size and then realise the body text derived from it is uncomfortably small or large.

You don't need every step

A generated scale might produce eight or ten sizes across its full range, but most layouts only use three or four of them — say, the base, two steps up for a headline, and one step down for a caption. Treat the full scale as a menu of harmonious options rather than a checklist you need to use in its entirety. The value isn't in using every size; it's in knowing that whichever sizes you do pick will relate to each other by the same consistent ratio, so the layout reads as considered rather than arbitrary.

A practical example

Take a 16px base size and a major third ratio (1.25). Two steps up gives a subhead at 25px; four steps up gives a headline at roughly 39px; one step down gives a caption at about 12.8px. Every one of those sizes is mathematically related to every other, so if you later decide the base needs to be a little bigger for a larger print run, you can regenerate the whole scale from the new base and every size updates in proportion — no need to eyeball four or five sizes all over again from scratch.

This is the real payoff of a modular scale: not just that the initial sizes look considered, but that the whole hierarchy stays easy to adjust and re-derive as a project evolves.