On restraint in web design

Restraint in web design is one of those words that gets used to mean so many things it stops meaning anything. Sometimes it means minimal. Sometimes it means monochrome. Sometimes it means no animation. None of those are actually what restraint is.

Restraint is when every element on the page is doing a specific job and not reaching for more territory than it needs. A bold headline is restrained if it takes exactly as much visual weight as the hierarchy requires. A decorative background texture is unrestrained if nobody asked it to be there.

The confusion with minimalism

Minimalism is a style. Restraint is a method. A very dense, richly decorated page can be restrained if all the decoration is purposeful and nothing is competing with anything else. A nearly empty page can be unrestrained if the few elements it has are all fighting for attention.

Most design advice conflates the two, which leads to the conclusion that the way to be more restrained is to remove things. Sometimes that's right. More often, the problem isn't quantity — it's that the things present don't have clear roles.

When every element has a specific job, the page doesn't feel busy even if there's a lot on it. When elements are hedging — trying to be useful just in case — the page feels cluttered even if there's very little.

What restraint actually requires

It requires knowing what the most important thing on the page is and giving it unambiguous priority. Everything else scales relative to that decision.

This sounds simple and it is in principle. In practice it requires resisting a long list of instincts: the instinct to add a second accent color, the instinct to make the secondary headline a bit larger, the instinct to add a divider between sections that already have enough space between them.

None of those instincts are wrong in isolation. They become wrong when they accumulate into a page where no single element has clear authority.

How to build the habit

I've found it useful to identify the one thing any given page is for — not the three things, the one thing — and then look at every element and ask whether it's helping that one thing or diluting it.

Anything that's diluting it isn't necessarily wrong. But it should be doing enough other work to justify the dilution. If it's not, it's a candidate for removal or reduction.

Most pages, including ones I've built, have at least a few elements that are there because they seemed like a good idea at the time. The discipline of restraint is noticing them and making a decision instead of leaving them by default.