Skip to content
GitHub
Sections

Reference · Things to avoid

A container around every group

Forbidden
Borders, cards and background panels wrapping each cluster on the page
Instead
A container is the strongest grouping cue and the heaviest. Reach for it last.

What this rule looks like

Forbidden
Instead

Why this rule

Four tools group elements, in ascending strength: continuity (aligned in a line), similarity (same size, shape, colour), proximity (closer together than to anything else), common region (a shared container). Use the weakest one that works. Where several already apply — a table's rows are aligned, alike, and close — the container adds clutter and no information. Remove it and check whether the grouping still reads. It usually does.

Kind
Rule
Section
Things to avoid
Group
Generic-AI aesthetic
Bucket
judgment
Severity
note
Since
v0.1.0

Read as plain text