Whitespace (also called negative space) is the empty area between and around elements. New designers often see it as wasted room to be filled — experienced designers treat it as one of the most powerful tools available.
| Effect | How |
|---|---|
| Improves readability | Text with generous line-height and margins is measurably easier to read than cramped text |
| Creates grouping | Elements close together read as related; elements far apart read as separate (this is a real principle, covered again in the Figma course's layout lessons) |
| Signals quality and focus | Generous whitespace is strongly associated with premium, confident brands — cramped layouts read as budget or rushed |
| Reduces cognitive load | Fewer things visible at once means less for the eye and brain to process simultaneously |
| Product type | Typical density | Why |
|---|---|---|
| A trading platform, an analytics dashboard | Dense | Power users value seeing more data at once over comfort — density is a feature there |
| A marketing landing page, an onboarding flow | Spacious | A first-time or casual user needs focus and low pressure, not maximum information density |
There is no universally "correct" amount of whitespace — a dense financial dashboard isn't bad design, and a spacious landing page isn't lazy design. The skill is choosing the right density for who's using the screen and what they're trying to do, not defaulting to one style everywhere.
The default bias to correct for
When in doubt, add more whitespace than feels comfortable, then pull it back slightly. Most beginner layouts are too cramped, not too spacious — the instinct to fill every gap is worth actively resisting.