A line drawn around a group of objects makes them a group — regardless of what those objects are or how they relate to each other. The Law of Common Region is a Gestalt principle formalised by Stephen Palmer in 1992, describing how the brain uses bounded areas as a powerful grouping cue. A clearly defined region creates a perceptual unit. Elements inside it belong together; elements outside it do not. This works even when the enclosed elements have nothing else in common and even when stronger cues like proximity would suggest different groupings.
The Psychology
The Gestalt principles were developed in the early twentieth century to describe how humans perceive visual organisation, but Common Region was a later addition because its power had been underestimated. The key insight is that containment overrides other grouping cues. If you place two unrelated items inside the same card and leave a related item outside it, users will perceive the two enclosed items as related and the external one as separate — even if the external item is physically closer to one of the enclosed ones. This has direct consequences for how designers use containers, cards, and bordered sections.
In Product Design
In product design, the Law of Common Region is the theoretical basis for card-based interfaces, modal dialogs, form fieldsets, sidebars, and tab panels. A card on a dashboard communicates: these data points belong together as a unit of information. A modal dialog communicates: this interaction is a bounded context, separate from the page beneath it. A form fieldset with a legend communicates: these fields collectively answer one question. Navigation sidebars use a shared background to communicate that all items in the panel are navigation actions, distinct from the content area. Tooltips and popovers use containment to associate content with a trigger element.
How to Apply It
The practical application has two sides. First, use containment deliberately to create groups that do not have other grouping cues — when elements need to be perceived as related but are not particularly close or visually similar, a shared region makes the relationship explicit. Second, be precise about what you include in a region. Every element inside a container implicitly claims membership in that group. Including an unrelated element inside a card because it fits spatially creates a false association that users will have to correct with closer reading. The boundary makes the relationship, so every boundary must be intentional.
Why It Matters
When Common Region is applied carelessly, the result is visual clutter and confused hierarchy. Cards that contain heterogeneous content leave users wondering why these particular items are grouped. Bordered sections that wrap too much content on a dense page make everything feel equally contained and nothing stand out. The principle is powerful precisely because it is automatic and unquestioned — users accept the groupings a boundary creates without examining them. That automation is a responsibility: the groupings you create with containers will be believed.
