<?xml version="1.0" encoding="utf-8"?>

Macro white space

Macro white space Bad Practice
Macro white space Best Practice

White space is a vital element of the page's layout and structure. Macro white space is the space indicating relationships between major layout elements. In contrast, micro white space refers to the space between design elements such as lines, paragraphs, grid images, etc. Leaving more space helps separate the elements while reducing it shows connection.

Macro white space also surrounds the design layout and acts as a container. Google's homepage is a great example because its simple look has become iconic. Because there's no clutter, there's less work for the eyes and the mind. It also helps users focus on why they're there — i.e., to search for something.[1]

Clients and managers might consider white space wasted space, but filling it with more information or other visual elements can result in mediocre typography.

Improve your UX & Product skills with interactive courses that actually work