People tend to perceive incomplete shapes as complete, mentally filling in missing information to see a whole.
Overview
Show someone a circle with a small gap and they still see a circle. Arrange three partial circles at the right angles and people see a bright triangle that is not actually drawn. The mind fills in gaps to create complete, meaningful forms.[1][2]
This tendency, called closure, lets designers communicate with less: icons made of a few simple strokes, logos that suggest shapes without drawing them fully, and layouts where alignment implies edges that are not drawn.
Closure also shapes how people interpret partially visible content. A card cut off at the edge of the screen suggests that more content continues beyond it, inviting people to scroll.
Why it matters
Closure allows simpler, cleaner designs, because not every edge and outline needs to be drawn. It also gives designers a subtle tool for signaling that more content is available.
Used poorly, it backfires. If too much is left out, a shape may not be recognized; and if content is cut off in a way that looks accidental, the design looks broken rather than intentional.
Key takeaways
- Use implied shapes to reduce visual clutter, such as aligned content creating an invisible column.
- Keep icons simple, relying on people to complete familiar forms.
- Show partial content to signal more, such as a peeking card in a horizontal list.
- Do not remove too much. Shapes must remain recognizable at every size.
- Make incompleteness look intentional, not like a rendering error.
In practice
Common patterns in business applications, portals, and internal tools:
Supports the principle | Undermines the principle |
|---|---|
Horizontal lists show a partially visible next item to indicate scrolling. | Lists that end exactly at the screen edge, hiding that more exists. |
Simple outline icons with recognizable forms. | Abstract icons that require too much interpretation. |
Strong alignment creating implied columns without lines. | Heavy grid lines around every element. |
Progress rings showing the remaining portion as a gap. | Ambiguous partial shapes with no clear meaning. |
Intentional cropping that reads as a design choice. | Text or images cut off in ways that look like bugs. |
Questions to ask in a design review
- Are we drawing lines and borders that alignment or spacing could imply instead?
- Do people realize when more content is available beyond what they see?
- Are our simplified icons still recognizable to someone seeing them for the first time?
- Could any cropped or partial element look like an error?
Origin
The principle is one of the Gestalt laws of perceptual organization, developed in Germany in the early 20th century by psychologists Max Wertheimer, Kurt Koffka, and Wolfgang Köhler. Gestalt means “form” or “shape,” and the school’s central idea was that people perceive organized wholes, not collections of separate parts. Closure was among the organizing tendencies they identified.[3]
Italian psychologist Gaetano Kanizsa brought the phenomenon to wide attention in 1955 with his famous illusory triangle, in which people clearly see the edges of a triangle that is not drawn.[4][5] Research on such illusory contours continues to inform how we understand the brain’s tendency to complete shapes.[6]
Related concepts
- Law of Prägnanz — the mind prefers simple, complete forms
- Law of Continuity — the eye follows paths to complete shapes
- Signifiers — partial content signals that more is available
- Discoverability — closure can reveal hidden content
- Zeigarnik Effect — people also seek closure on unfinished tasks
- Aesthetic-Usability Effect — clean, minimal forms feel polished
References and further reading
- Interaction Design Foundation. What is the Law of Closure? https://www.interaction-design.org/literature/topics/law-of-closure
- Wikipedia. Principles of Grouping. https://en.wikipedia.org/wiki/Principles_of_grouping
- Wikipedia. Gestalt Psychology. https://en.wikipedia.org/wiki/Gestalt_psychology
- Wikipedia. Illusory Contour (including the Kanizsa triangle). https://en.wikipedia.org/wiki/Illusory_contours
- Wikipedia. Gaetano Kanizsa. https://en.wikipedia.org/wiki/Gaetano_Kanizsa
- Wagemans, J., et al. (2012). A Century of Gestalt Psychology in Visual Perception: I. Perceptual Grouping and Figure-Ground Organization. Psychological Bulletin, 138(6). https://doi.org/10.1037/a0029333
- Nielsen Norman Group. 5 Principles of Visual Design in UX. https://www.nngroup.com/articles/principles-visual-design/
- Yablonski, J. Laws of UX (format inspiration for this series). https://lawsofux.com/