laws & principles
Gestalt: proximity
What is the Gestalt law of proximity?
Things close together are perceived as a group; things spaced apart are seen as separate. Proximity is one of the strongest cues for grouping - it usually overrides shape or colour, though a shared boundary or visible connection can override it.
Also known as: law of proximity, proximity principle
Prefer to watch?
Watch the recap 0:33
The demo
Drag the sliders to change horizontal and vertical spacing. Watch how the dots group together in your mind.
Your brain sees: A single grid of 16 dots
Toggle between equidistant and proximity spacing. Notice how easy it is to pair each label with its input under proximity.
Under equidistant spacing, the label is placed exactly halfway between inputs. Under proximity spacing, the label is grouped tightly with its target input, making the relationship clear.
What this demo shows (text version)
An interactive demonstration of Gestalt proximity. The concept tab features 16 dots in a grid. Adjusting the horizontal and vertical gaps shows how changing the spatial balance alters your perception of columns, rows, or a single grid.
The practical tab shows a form layout. Toggling 'Equidistant' separates labels and inputs equally, creating confusion about which label belongs to which field. Toggling 'Proximity' anchors labels closely to their inputs.
Things near each other form a group; things apart remain separate - and proximity is so strong the eye groups by distance before evaluating shape or colour. Control spacing deliberately, and you control what belongs together - often without needing a single line or box.
You didn't decide the dots formed rows - the spacing decided it for you. Move a label nearer its field and the pairing just happens; strand it between two and the form turns into a guessing game.
Proximity generally beats similarity: cluster items with plain space and people read them as separate categories, no boxes or dividing lines required, even when those items share a shape or colour. Where it loses is to a shared boundary or a visible connector - draw a box around two distant items, or join them with a line, and that grouping overrides the spacing.
The classic own goal is the equidistant label, sat exactly halfway between the field above and the field below, so it is anyone's guess which it belongs to. Pull it tight to its own input and the ambiguity vanishes.
Proximity gestalt tells you that closeness defines grouping - and you can test it yourself in the interactive demo on this page. Even when shapes or colours differ, proximity gestalt wins: adjust spacing to see how your eye groups elements before noticing other cues.
Proximity gestalt means the eye groups nearby elements as a unit - even before noticing shape or color - and you can use this to guide attention with just spacing. Try the demo on this page to see how proximity gestalt works in real time: adjust spacing to watch how groups form - no external tools required.
Proximity gestalt tells us that closeness creates perceived unity - and you can test this effect live in the demo on this page. When spacing is intentional, proximity gestalt becomes your most powerful tool for guiding users’ eyes - often before they even notice shape or colour.
Proximity gestalt is the visual principle that forces the eye to group nearby items - even over shape or color - and you can test it live on this page using the interactive demo. It’s so strong that spacing alone can define what belongs together - no need for borders or color - and you can adjust it live in the demo below.