Journal · Design · 15 July 2026

Bright grounds eat dark letters.

The statement on our orange plane looked wider than the same type everywhere else on this site. The numbers said we were wrong. Helmholtz, in 1867, said we were right.

While tuning this site we kept stopping at the orange section. The line set there — same typeface, same weight, same spacing as every headline around it — looked wider. Airier, slightly thin, as if someone had opened the tracking while we weren't looking. We measured everything twice. The settings were identical. Only the reading changed.

The eye was right, and it has been on record since 1867. Hermann von Helmholtz described an effect he called irradiation: a bright area of the visual field looks larger than an identical dark one. Astronomers met it first — bright planets against a night sky measure larger to the eye than they do to the telescope.

Both squares are the same size. The bright one reads larger, whichever side it sits on. Helmholtz called this irradiation.

The modern account has two parts. Light scatters slightly inside the eye, so a bright shape lands on the retina a little beyond its true edge. And in 2021, a study in the journal Perception traced the asymmetry to how visual neurons respond: bright shapes are enlarged in perception, while dark ones are reported close to their true size.

For typography the consequence is direct. Put dark letters on a bright ground and the ground pushes into every stroke and every gap, so the type reads lighter and more loosely fit than the same cut on soft paper. Put light letters on a dark ground and the mirror happens: they bloom, and read heavier than their metrics. Printers compensated for the second case long before screens existed — the classic guidance for reversed type is to open the spacing and avoid hairline strokes, because both ink and glow swallow the fine parts.

Before touching anything we read the shipped stylesheets of ten award-winning studio sites. Eight of the ten tighten letter-spacing as type grows, mostly between −0.01em and −0.05em at display sizes. None of the ten adjusts type for the color underneath it. A headline gets one setting, and every background — cream, black, cobalt — receives it unchanged, illusion included.

So this site corrects per surface. Display type here reads two variables, weight and tracking, and each color plane may override them. On the orange plane the statement now runs at weight 556 instead of 540, with tracking pulled in by 0.008em. On the near-black plane, where paper-colored type blooms, the heading steps down to 528. Paper sections keep the neutral cut. No formula produced these numbers; as far as we can tell, the literature never wrote one for dark type on saturated orange. We set the same specimen on each plane and stepped the values until the planes agreed.

Paper · weight 540 · tracking 0presence.
Orange · weight 540 · tracking 0 · uncorrectedpresence.
Orange · weight 556 · tracking −0.008em · correctedpresence.
One word, three settings. The middle plate carries identical metrics to the top one and still reads thinner and looser. The bottom plate is the correction this site ships. It is small on purpose — at reading distance the planes should simply agree.

If a corner of your site looks wrong while the numbers insist it doesn't, the numbers are describing the file, not the experience. Measurements start the work. The eye signs it off.