domains / families / design / law-of-proximity

law-of-proximity

separate

Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue. Use when spacing alone must carry grouping. For grouping via containers use `law-of-common-region`; via shared appearance use `law-of-similarity`.

When to use

• spatial closeness grouping
• spacing-based visual hierarchy
• form field grouping
• card content separation
• section header spacing
• button group scoping
• data row padding
• icon and label pairing

When not to use

• grouping via containers
• grouping via shared appearance
• using borders for grouping

Skill page

Source