The Painter's Primed Canvas: On the Restless Ground of an Unstable Layout

Before a painter lays down a single stroke of the final image, the canvas must be prepared. A ground, typically a layer of gesso, is applied to seal the fabric and create a uniform, stable surface. This isn’t a passive backdrop; it is an active, essential foundation. Without it, the canvas would suck the life from the oils, colours would appear dull and uneven, and the very weave of the linen would disrupt the artist’s intention. The ground provides a predictable plane for creation. To paint on unprepared canvas is to invite a kind of chaos into the work.

I’ve been thinking about this necessity for a stable ground while wrestling with the modern web’s version of an unprimed canvas: Cumulative Layout Shift (CLS). This is the subtle (or sometimes, violently obvious) phenomenon where page elements jump around as they load, forcing you to click a link just as an image shoves it downwards, or losing your place in an article as a newly loaded font expands a headline. It’s a failure of the foundational promise of a page—that once something is rendered, it will stay put.

This problem has a vivid historical counterpart in the work of the great Venetian painters of the Renaissance, specifically Titian. Art historians note that Titian, particularly in his later works, often painted directly onto a dark, reddish-brown ground known as a ‘brown imprimatura’. He didn’t aim for the bright, reflective white ground used by many of his contemporaries. Instead, he embraced this darker, middle tone as an active participant in the final painting. Shadows were merely the exposed ground, while highlights were built up with layers of opaque paint. The ground was not a passive stage but a constant, unifying element against which every other decision was measured. It provided a baseline stability, a known quantity.

Our modern layouts, in their rush to be ‘fast’, often forget this lesson. We load content asynchronously, which is excellent for speed, but we fail to ‘prime the canvas’ by reserving the correct space for these late-arriving elements. An image without defined dimensions is like a brushstroke applied to raw canvas; it soaks in, warping the space around it. A font that hasn’t been properly preloaded causes text to reflow, breaking the reader’s focus as surely as a smudge on a manuscript. We are painting on an unstable surface, and the user experience is the casualty.

Titian’s dark ground wasn’t a constraint; it was a form of discipline. It forced him to be intentional about light. In the same way, the discipline of ensuring layout stability—by setting aspect ratios, defining dimensions, and leveraging modern CSS—is not a hindrance to creativity but a prerequisite for it. It creates a reliable stage. When we correctly reserve space, we are not just preventing a janky page; we are applying our gesso. We are creating a stable ground, a known plane, upon which the real work of experience and content can be deliberately and beautifully composed. It is the quiet, essential work that makes the final masterpiece feel effortless and, most importantly, stable.

Notes & further reading

A few pages I came back to while writing this: