laws & principles
Gestalt: common region
What is the Gestalt law of common region?
Common region is the grouping effect where elements within the same bounded space - such as a panel or tinted background - are perceived as a group, even if other items are closer. It’s one of the strongest grouping cues and typically overrides proximity and similarity. (Grouping via an explicit connector - such as a line joining items - is a related but distinct cue, uniform connectedness.)
Also known as: law of common region, common region principle, enclosure
Prefer to watch?
Watch the recap 0:30
The demo
Six dots in a row, evenly spaced. Draw a box around each pair and watch one row become three pairs - without a single dot moving.
One even row of six - the spacing gives no reason to group them either way.
What this demo shows (text version)
Six dots sit in a single row, equally spaced, so nothing about their distance suggests any particular grouping - you read one row of six.
Switching on "draw regions" places a tinted, rounded box around each adjacent pair. Immediately the row reads as three pairs, even though no dot has moved and the spacing is exactly as it was. The shared boundary does the grouping, overriding distance entirely - that is the Gestalt law of common region.
A shared boundary - such as a line or tinted panel around some items - makes them read as a group, even when other items are nearer. Use an enclosure when you need a clear group; it will override distance to do the grouping for you.
The dots never moved, but the moment a box was drawn around a pair, they became a unit - and the neighbour just outside the line, no further away than before, was suddenly an outsider. Enclosure quietly overrules plain distance.
Common region is the workhorse of interface grouping: cards, fieldsets, tinted callouts, the zebra-striping of a table. It is how you say "these belong together" without leaning on spacing alone, and it can bind items that proximity never could.
Because enclosure is so strong, a stray border or background does real damage - bundling things that are unrelated, or splitting a set that belongs together. Draw regions deliberately: every box you add is a claim that the things inside it go together.
The law of common region tells us that elements enclosed together - like in a panel - are grouped, even if nearby items are closer. You can test this effect yourself in the interactive demo on this page. This is one of the strongest gestalt grouping cues, often overriding proximity or similarity - especially when you need a clear, unambiguous group.
The law of common region tells you that when items share a boundary, they’re perceived as a group - even if other elements are closer. Try the interactive demo to see it in action. This is a core Gestalt principle: common region overrides proximity. Use it to force grouping without visual hierarchy or spacing.
The Gestalt common region principle shows how enclosed spaces override proximity to group items - try the interactive demo to see it in action. It’s one of the strongest grouping cues, often trumping similarity or closeness, and is called the law of common region in Gestalt theory.
The law of common region shows how a shared boundary - like a panel or tinted area - forces the eye to group items, even when they’re not close. Try the hands-on demo on this page to see how common region overrides proximity and similarity in real time.
Common region gestalt is the visual grouping effect where elements within a shared boundary - like a panel or tinted area - are perceived as a group, even when other items are nearer. You can test this principle live in the interactive demo on this page, where you’ll see how enclosure overrides proximity to create cohesion. This is one of the strongest gestalt grouping cues, often overriding similarity and proximity - and it’s especially useful when you need a clear, unambiguous group structure.
The Gestalt common region law explains how enclosed spaces naturally group items - even when closer elements distract. Try the demo to see how bounding areas override proximity. This is a core Gestalt principle: common region is one of the strongest grouping cues, and the interactive demo lets you test it in real time.