Elements enclosed within the same boundary are perceived as a group

The Gestalt law of common region states that elements placed within a shared enclosure (a border, a background colour block, a card, a panel) are perceived as a group, even if other grouping cues would suggest otherwise. A boundary does not need to be a hard line — a colour field, a shadow, or even a subtle background change can create a region. This is one of the most reliable grouping tools in interface design: cards, panels, and section backgrounds all leverage common region. It overrides proximity in many cases: elements far apart inside a box can be perceived as more related than elements close together but in separate boxes.

Examples

Facebook posts: likes, comments, share controls sit inside each post’s boundary and are perceived as belonging to that post, not to adjacent posts.

Assessment

Redesign a flat list of mixed content (news, events, ads) using only common-region (no proximity changes, no colour changes) so three content types are clearly perceived as distinct groups.