01 / 10
Proximity
Objects close together are perceived as belonging to the same group. The single fastest way to communicate relationships — without any borders, dividers, or labels.
Three groups · no dividers
02 / 10
Similarity
Items that share appearance — shape, color, size — are perceived as related. Style links objects without forcing them to live next to each other in space.
Same color, same kind
03 / 10
Continuity
The eye follows smooth, continuous paths. Two crossing lines are perceived as two flowing curves rather than four disconnected segments — guiding the eye along the intended trajectory.
Smooth path beats hard break
04 / 10
Closure
The mind completes incomplete shapes. A few well-placed strokes can imply a circle, triangle, or letter — using less ink and making the viewer's brain do the satisfying work.
Brain fills the gaps
05 / 10
Figure & Ground
The mind separates an object (figure) from its background (ground). Strong contrast makes the figure obvious; ambiguous contrast lets the same image flip between two readings.
What's the subject?
06 / 10
Common Fate
Elements that move together are perceived as a group. Animation, even subtle, ties objects into a unit — the principle behind synchronized list reveals and staggered loaders.
Moving together = related
07 / 10
Symmetry
Symmetrical pairs are perceived as belonging together — even when separated. Mirrored composition feels stable, balanced, and resolved without further explanation.
Mirrored = grouped
08 / 10
Common Region
Items inside the same enclosed area are perceived as a group — even if they're farther apart than items outside it. A simple border or background panel overrides proximity entirely.
Boxed = bonded
09 / 10
Connectedness
Items joined by a line, stroke, or shape are perceived as related — and this link is stronger than proximity, similarity, or common region. A wire turns separate nodes into a graph.
Linked = paired
10 / 10
Prägnanz (Simplicity)
The unifying meta-principle behind every other Gestalt rule: when the mind has a choice, it picks the simplest interpretation. Five overlapping rings read as the Olympic logo, not as a tangle of 30+ arcs. Design with this bias in mind and the interface will resolve into the cleanest possible mental model — fight it and the design will feel busy no matter how organized it actually is.
Simplest reading wins