White space is the empty area between and around design elements. It is not wasted space. It gives the eye room to rest, separates groups, and signals relationships. A cramped layout feels anxious. A generous one feels calm and confident. The term covers margins, padding, line spacing, and the gaps between columns or buttons.
Designers distinguish macro and micro white space. Macro white space is the large areas around major blocks, like the margins of a page. Micro white space is the small gaps inside components, like the space between a label and its input field. Both matter. Too little micro white space makes text feel dense and hard to scan. Too little macro white space makes a page feel cluttered even when it holds few elements.
Where it works hardest
- Margins that frame content and guide the eye.
- Line spacing that improves readability.
- Gaps that group related items and separate unrelated ones.
- Padding that gives buttons and cards breathing room.
Apple, Muji, and many luxury brands use white space as a status signal. Empty space reads as confidence. It says the product does not need to shout.
Comments (3)
Leave a comment