Optical vs. Mathematical Alignment

We thought it was a good time to get on our soapbox...

And talk about something important in typography that we’re seeing less and less people apply. ALIGNMENT. Maybe it’s because of the proliferation of less type-first design softwares being used, but it’s a small thing that makes a big difference. Let’s talk about it…

The difference between optical and mathematical alignment

Alignment is a surprisingly tricky thing. It sort of feels like it shouldn’t be. But it is. However, there’s a big lesson to learn in alignment – what is mathematically aligned and what’s optically aligned. These are terms that you certainly would have seen in design software, and using them correctly can make a huge difference.

While software can place objects with mathematical precision, our eyes don’t always agree with the result. That’s what optical alignment is all about. Mathematical alignment is based on measurable coordinates, whilst optical alignment is based on perceived balance. Good typography typically favours the latter..

If we take a capital ‘O’ for example, if we centre the two in identical boxes, they might technically be centred, but visually they don’t appear so. The ‘O’ often appears smaller because of its curved edges, whilst the ‘H’, with its flat vertical strokes, feels wider and heavier. Even though the measurements match, the two letters don’t feel equally balanced. This is because our eyes don’t read outlines as geometry. We perceive mass, contrast and shape. Curves tend to recede, while straight edges feel more prominent. That’s why circles in logos are often drawn slightly larger than squares they’re paired with, and why type designers routinely push rounded letters beyond the cap height or baseline. Those tiny extensions are known as overshoots, and without them, letters like ‘O’, ‘C’ and ‘S’ would appear too small next to ‘H’, ‘E’ or ‘X’ (all ‘tall’ letters).

The same principle applies to words too – a centred wordmark is rarely centred by the numbers alone. If one side contains an overhanging ‘T’ or an open ‘L’, the composition can feel lopsided despite being mathematically perfect. Designers will often nudge the artwork a few pixels left or right until it feels balanced.

In an editorial context, margins work the same way. Hanging punctuation is a classic example of optical alignment. Rather than allowing quotation marks, bullets or hyphens to interrupt the edge of a text block, they’re pushed slightly into the margin. The text is no longer mathematically aligned, but the column immediately looks cleaner because the eye follows the letters rather than the punctuation. That’s why, in inDesign, you should always select ‘Optical Margin Alignment’ on the ‘Story’ window. Job done!

Across editorial systems and interfaces (both analogue and digital like) the grid provides the structure and one’s optical judgement refines it. Perhaps that’s the most useful way to think about it. Mathematical alignment is objective, calculated, and automated. Optical alignment is interpretive and relies on perception, context and experience. Trust your eyes!