White space is the unmarked area around and between text, images, columns, and other page elements. It does not need to be white. Its practical job is to give content room to breathe: balancing a layout, making a page feel inviting, reducing visual overload, and helping visitors move their eyes through the page. section 6.7.4 section 6.7
Use white space as part of layout, not as leftover room. A large empty area has visual weight, so it can balance a smaller but detailed area. Balance is not the same as symmetry: a page can be visually balanced without dividing its content into equal halves or equal zones. section 6.7.1 section 6.7
A practical way to add useful white space:
- Split long text into paragraphs and keep text columns sufficiently narrow instead of presenting a massive gray block. section 6.7.4
- Place white space or an image break after every two or three paragraphs when it helps break up text. section 8.5
- Frame images and video with sufficient empty room so media does not feel crowded. section 8.5
- Review the layout on a cellphone screen, where crowded media and text can become harder to read. section 8.5
White space and negative space are related but serve different purposes. Negative space is the background between or sometimes enclosed by content; it can form a shape or add meaning. White space is the practical spacing created by margins, padding, and gaps between elements, used chiefly for readability and layout balance. section 6.7.4
A cleaner home page
When a home page feels busy, reduce an oversized main image, simplify competing elements, and introduce more white space. The result can feel cleaner and more organized; however, pushing minimalism too far may remove meaningful visual details along with clutter. section 11.2.2 section 6.9.1
Figure 6.6 For most people, the arrow here is a subliminal message.
The FedEx logo illustrates negative space: the gap between letters forms an arrow, showing how background space can convey meaning rather than simply separate content. section 6.7.4
