Room to breathe
Whitespace is not what is left over when the content runs out. It is the thing doing the arranging.
Walk into a well-made room and you notice the furniture. Walk into a badly made one and you notice how close everything is. Space is doing the same work on a page, and it is just as easy to underrate.
Space groups before anything else
Before a reader parses a single word, proximity has already told them what belongs together. A caption sitting closer to the next heading than to its own image will read as part of the wrong thing, no matter how carefully you styled it.
So the first pass on any layout is not visual. It is structural: what belongs with what, and does the spacing say so.
Pick a scale and stay in it
Arbitrary spacing is the fastest way to make a considered design look accidental. A small set of steps, used consistently, is enough for almost everything, and it makes every later decision easier because there are fewer of them to make.
Consistency is not a constraint on the design. It is what lets someone read the design at a glance.
Density is a choice, not a default
Some tools genuinely need to be dense. A trading screen or a spreadsheet earns its tightness because the person using it wants everything at once. A marketing page does not. The mistake is inheriting density from a component library and never asking whether this particular screen deserves it.
When you are unsure, add space. It is far easier to notice that a layout feels loose than to notice that it has been quietly wearing someone down.
