Specimen 07

Minimalism

Not the absence of design. The residue left after everything that could be removed has been.

Definition

A method, not a look

Minimalism is frequently mistaken for a palette — white, black, one sans-serif, lots of air. It is actually a procedure: state what the page must do, then delete every element that does not do it, and keep deleting until removing the next thing would break something. Whatever survives is the design.

Its lineage runs through the Bauhaus, Swiss typography and Dieter Rams at Braun, whose tenth principle — as little design as possible — is the whole argument in five words. Jony Ive brought it to consumer software; flat design brought it, less carefully, to everyone else.

The difference between minimal and empty is entirely in what was subtracted and why. Subtracting the shadow from a button is minimalism. Subtracting the shadow and the border and the fill until nobody can tell it is a button is just less.

The rules

How it is actually built

01
Hierarchy through space, not decoration.If two things are unrelated, put distance between them. Boxes, rules and background tints are what you reach for when spacing has already failed.
02
One typeface. Three sizes. Two weights.Constraint is the source of the coherence. Every additional variant is a decision the reader now has to parse.
03
Contrast lives in scale.With colour off the table, the only drama available is the jump from an eighty-pixel headline to a twelve-pixel label. Make the jump enormous or do not make it.
04
Alignment is not optional.Nothing hides a broken grid. Every left edge in this page sits on the same line, and any element that missed it would be the loudest thing here.
05
Whitespace is the composition.The empty area is not what is left over — it is the element you are placing. Treat it as a shape with a size you chose.
06
Affordance is the floor.You may remove the gradient, the shadow and the border. You may not remove the last cue that tells a person this thing can be clicked.

Specimen

The same button, four subtractions

Full
Continue
No depth
Continue
No fill
Continue
One line
Continue

Each pass removes the least load-bearing cue. The fourth is the floor: an underline still says "click me". Remove that and the word becomes text, which is where minimalism turns into a usability bug rather than a style.

Assessment

What it is good at

Longevity, legibility and trust. A minimal page ages at roughly a tenth the rate of a decorated one, and it puts the content in front of the reader without asking to be admired first. It is also, not incidentally, fast.

What it hides

Nothing. That is the risk. There is no texture to distract from thin copy, no gradient to prop up a weak photograph. If the writing is bad, minimalism will show you exactly how bad, at forty-eight pixels.

The other eight