Laws of UX
Law of Proximity
Things placed close together are seen as related; things spaced apart are seen as separate.
Where it comes from
It's one of the Gestalt principles of perception, formulated by German psychologists including Max Wertheimer in the early twentieth century. They showed that the mind doesn't see isolated elements but organises them into groups — and proximity is one of the strongest cues it uses.
Why it matters for your website
Closeness implies relationship. The Law of Proximity says the brain automatically groups things that sit near each other. When related elements are spaced apart, or unrelated ones are crowded together, confusion follows.
Spacing is doing more work than it looks. The gaps between elements aren't empty — they're instructions, telling the eye what belongs together and what doesn't. Get the spacing right and a layout explains its own structure with no labels or lines at all; get it wrong and even a clean-looking page becomes a puzzle.
The most common failure is uniform spacing — everything equally spaced, so nothing reads as grouped. A label that sits exactly as far from its own field as from the next field forces the user to work out the pairing the layout should have made obvious. Proximity is most powerful when the gaps are unequal by design.
Wrong vs right
Form labels spaced evenly between two fields, so it's ambiguous which label belongs to which input.
Each label set close to its own field and clearly separated from the next pair, so the grouping is unmistakable.
A page where related items (a heading and its paragraph) sit as far apart as unrelated ones, flattening the structure.
Tighter spacing within groups and looser spacing between them, so the eye reads the sections at a glance.
Icons crowded equally close to several labels, so it's unclear which icon labels which item.
Each icon paired tightly with its own label and spaced away from the others.
Understanding Law of Proximity
The Law of Proximity is one of the Gestalt principles: elements placed close together are perceived as a group, and elements spaced apart are perceived as separate. The brain does this automatically and pre-consciously — before you've read a word, spacing has already told you what belongs with what. It's one of the cheapest and most powerful tools for communicating structure.
The practical craft is in relative spacing. Grouping isn't created by closeness alone but by closeness relative to the space around the group. Items within a set should sit nearer each other than they do to neighbouring sets; that difference is what the eye reads as a boundary. Uniform spacing, where everything is equally apart, destroys grouping by giving the eye no contrast to work from.
Because proximity overrides almost everything else, it can quietly contradict your intentions. Two items you mean to be unrelated will be read as a pair if they sit close together, no matter what the labels say. Designing with proximity means treating whitespace as an active material — a way to encode relationships — rather than as leftover gaps. It works alongside the laws of similarity, common region, and uniform connectedness.
How Kweri checks it
Spacing relationships are partly measurable and partly a matter of judgement, and Kweri works at both levels. It can observe the spacing between elements and flag cases where grouping looks ambiguous — for example labels equidistant between fields, or related items spaced like unrelated ones. What it can't always know is your intended grouping, so where the structure is unclear Kweri raises it as a prompt: it points to spacing that may be sending the wrong grouping signal and asks whether the relationships are reading as you mean them to.
FAQ
What is the Law of Proximity?
The Law of Proximity is a Gestalt principle stating that elements placed close together are perceived as related, and elements spaced apart are perceived as separate. The brain groups by closeness automatically, before any conscious reading.
How do I use proximity in design?
Place related elements close together and add more space between unrelated groups. The grouping comes from relative spacing — items in a set should be nearer each other than to neighbouring sets — so vary the gaps deliberately rather than spacing everything evenly.
What is a Gestalt principle?
Gestalt principles describe how the mind organises individual elements into wholes — grouping, completing, and structuring what it sees. Proximity, similarity, closure, figure-ground and common region are among the best known, all formulated by early-20th-century German psychologists.
Why does even spacing cause problems?
Because grouping depends on contrast in spacing. If everything is equally spaced, the eye has no cue for what belongs together, so the structure disappears. Proximity works only when within-group gaps are clearly smaller than between-group gaps.
How is the Law of Proximity different from the Law of Common Region?
Proximity groups elements by distance; common region groups them by a shared enclosing boundary, like a card or box. Common region is the stronger cue — a border can group items even when they're not especially close together.
Related principles
Things that look alike are assumed to behave alike — appearance reads as meaning.
Elements inside the same visible boundary are perceived as one group.
Elements visually connected by lines, borders, shared colour, or enclosing shapes are perceived as more related than those with no connection.
The eye separates a subject (figure) from its surroundings (ground) — that separation must be unambiguous.
Attribution & sources
Identified by Gestalt psychologists (incl. Max Wertheimer) (1920s). Catalogued from Laws of UX (Jon Yablonski).
One of the Gestalt principles of perception; popularised for designers by Jon Yablonski's Laws of UX.
See Law of Proximity on your own site
Run a free Kweri audit — a plain-English review of your site’s speed, accessibility, SEO and design, ranked by what to fix first. No login, no jargon.
Run a free audit →