The Optical Corrections Every Designer Should Know

When Correct Looks Wrong

Mathematics and optics don't always agree. A circle and a square of identical height will look wrong — the circle will appear slightly shorter, even though the measurements say otherwise. A horizontal stroke and a vertical stroke of identical thickness will look wrong — the horizontal will appear heavier.

These optical illusions are consistent and predictable, which means they can be corrected. The corrections are small, often fractions of a percent of the element's size. But they're visible, and the difference between corrected and uncorrected work is felt even by viewers who can't name it.

The Overshoot

The most fundamental optical correction is the overshoot: round and pointed forms should exceed the flat cap height and baseline slightly. In well-designed typefaces, the O, C, and G sit slightly above the cap height and slightly below the baseline. The point of an A or V exceeds the baseline.

Without overshoot, round and pointed forms look too small relative to flat-topped forms. With overshoot, they look the same height.

This applies in logo mark design as well as typography. A circle inscribed in a square at mathematically equal dimensions will look smaller than the square. To look equal, it needs to be slightly larger.

Stroke Weight Compensation

Horizontal strokes appear heavier than vertical strokes at the same mathematical width. This is a consistent optical effect that typeface designers address by making horizontal strokes slightly thinner than vertical strokes — even in supposedly monolinear designs.

In logo mark construction, I check horizontal and vertical stroke weights visually rather than relying on measurements. If they look the same, they're probably right. If a horizontal element looks heavier, I reduce it until it looks balanced.

Spacing in Caps

All-caps type requires more tracking than mixed-case type because capital letters have more complex shapes that create varied spacing between pairs. What reads as correct spacing for lowercase text reads as too tight for all-caps settings.

In poster headline work set in all caps, I always add tracking — typically 5–15% of the type size for display headlines. The exact amount depends on the typeface, but some positive tracking is almost always needed.

Vertically Centering Type in Boxes

Mathematical vertical centering puts the type at the geometric center of a container. It almost always looks too low because the visual weight of a line of type is in its cap height, not its geometric center (which includes descenders).

To visually center type in a button, container, or box, adjust the top padding to be slightly less than the bottom padding. The exact amount varies, but a ratio of roughly 45:55 (top:bottom) is a starting point that looks correct in most cases.

These corrections are small but consistent. Building them into your practice produces work that looks considered rather than merely constructed.