# Room to breathe: spacing as a design decision

- Link: https://s9studio.com/insights/white-space/
- Published: 2026-10-20T09:00:00+01:00
- Author: S9 Studio

When a page feels cluttered, the instinct is often to remove content. Sometimes 
that is right. Just as often, the fix is spacing. The same content, arranged with
consistent, generous space, can feel calm, organised and easy to read. Spacing is
not the absence of design. It is one of the most powerful design decisions on any
page, and one of the most frequently overlooked.

## Spacing groups ideas

People read closeness as relationship. Elements that sit near each other feel connected;
elements with more space between them feel separate. This is one of the most reliable
principles in visual perception.

Used deliberately, spacing can do the job that extra lines, boxes and borders often
try to do. A form where labels sit close to their fields and further from the next
field needs no dividers to be understood.

## Spacing creates hierarchy

Space around an element signals importance. A headline with generous space above
and below feels significant. A dense block of small elements feels secondary.

This is why premium brands often feel spacious. Space communicates confidence: the
content does not need to shout or crowd to be noticed.

> Spacing does the job that extra lines and borders often try to do.

## Use a spacing scale

Choosing a new spacing value for every situation leads to inconsistency. Eight pixels
here, eleven there, fourteen somewhere else. The page starts to feel slightly off,
even if nobody can say why.

A small spacing scale, used everywhere, solves this. It also makes decisions faster
for designers and engineers alike, because the question becomes “which step on the
scale?” rather than “what number?”.

## Scale spacing with the screen

Generous spacing on a large monitor can feel empty on a phone, and spacing that 
works on a phone can feel cramped on a large screen. Spacing should respond to the
screen, keeping the same rhythm while using the available space well.

In practice this means defining spacing for a few screen ranges and checking key
pages at each one. We regularly tune the space around page titles and between sections
for desktop, tablet and phone separately.

## Space for reading

Long-form content needs comfortable line lengths and line spacing. Lines that run
too wide are tiring to read; lines packed too tightly blur together. Paragraph spacing
gives readers natural pauses.

These details matter most in the places people actually read: articles, documentation,
terms and product descriptions.

## Common spacing mistakes

Equal spacing everywhere flattens hierarchy. If the space between a heading and 
its paragraph is the same as the space between two sections, the reader cannot see
where one idea ends and the next begins.

Another common mistake is using borders and backgrounds to fix grouping problems
that spacing should solve. Each added line adds visual noise.

## An example from our site

On our own pages, we recently tuned the space around page titles separately for 
desktop, tablet and phone. A gap that felt balanced on a large monitor looked excessive
on a tablet, and the same numbers felt cramped on a phone. Small adjustments at 
each size made every page feel calmer.

## A quick check

Take a busy page and, before removing anything, try increasing the space between
groups and reducing it within them. Remove borders that spacing could replace. Often
the page becomes clearer without losing a word.

## Spacing habits

 * Use space to group related items before adding lines or boxes.
 * Pick spacing values from one consistent scale.
 * Tune spacing separately for desktop, tablet and phone.
 * Give long-form content comfortable line length and spacing.