All UX laws

Law of Closure

The eye fills in small gaps to see a complete, whole shape.

How to apply it

Leave out what the eye can fill in. A shape with small gaps can read as complete and look lighter.

Where Law of Closure comes from

Closure is one of the Gestalt principles of perception. Gestalt psychologists in early twentieth-century Germany, including Max Wertheimer in his 1923 paper "Laws of Organization in Perceptual Forms", described how people tend to see incomplete figures as complete wholes. It sits alongside proximity, similarity and continuity.

How to apply Law of Closure, step by step

  1. Start from the complete shape, then ask what the eye could fill in without help.
  2. Remove only that part. Keep the outline or the feature that makes the shape recognisable.
  3. Keep gaps small and consistent, so the missing part is obvious.
  4. Test the shape at the smallest size it will be shown, and on a plain background and a busy one.
  5. Add a label anywhere the meaning matters. Closure makes shapes lighter, not clearer on its own.

Law of Closure in practice: a concrete example

A logo that is partly missing

The World Wildlife Fund's panda is made of black shapes that never fully join, and the IBM logo is a set of horizontal stripes. You still see a panda and three letters, because the eye fills in what is missing. In an interface, the same idea lets a progress ring be an open arc, a placeholder be a dashed outline, or an icon leave out part of its outline, so it looks lighter while staying recognisable.

Common Law of Closure mistakes

  • Leaving so much out that the shape is no longer recognised, especially at small sizes.
  • Gaps that are uneven, so the eye cannot tell what the missing part should be.
  • Relying on closure for something critical, such as an icon with no label that people have to decode.
  • Mixing complete and open shapes in one set, so the style looks inconsistent.

When Law of Closure doesn't apply

Do not make people work for important information. A button's meaning, an error or a price should be clear, not left for the eye to complete. Closure also depends on seeing the whole at a glance, so check it at the smallest size and for people with low vision, and add a text label wherever meaning matters.

How to tell you got it right

Shrink the shape to the smallest size you will use and look away, then look back. Do you still see the whole shape instantly? If you have to work it out, close the gap.

Law of Closure: common questions

What is the law of closure?

The eye fills in small gaps to see a complete, whole shape. When a figure is almost complete, people perceive it as complete.

What are examples of the law of closure in design?

The WWF panda logo and the striped IBM logo, progress rings drawn as open arcs, dashed outlines for placeholders, and icons that leave a small gap in their outline.

What is the difference between closure and continuity?

Closure fills in a missing part of a shape. Continuity makes the eye follow a line or path, even past where it seems to end. Both let designers show more with less.

Is the law of closure the same as the law of Prägnanz?

They are related but different. Closure is about filling in gaps. Prägnanz is the broader idea that people see things in the simplest form they can.

When should you not use the law of closure?

When meaning has to be unmistakable: buttons, errors, prices and anything critical. Also check small sizes and low-vision users, and add a text label where the shape alone could be unclear.

Practise it on a real challenge

Loader — the spinner that feels heavy

An app's loading spinner is a thick, complete ring. In the redesign, the team wants it lighter and still instantly recognisable, even at small sizes.

More UX laws

  • Law of Pragnanz
  • Law of Continuity
  • Law of Proximity
  • Law of Common Region
  • Miller's Law
  • Minimum tap target
UX QuestUX LawsPricingAboutContactPopular UX laws:60-30-10 RuleDesign every stateStatistical PowerFunnel TriageAccessible contrastDensity Matches ContextHick's LawFitts's LawAll UX laws