# Vertical spacing: what it is and how it works · Zorraquino
> Vertical spacing is the separation that organises elements along the vertical axis of a composition.
URL: https://www.zorraquino.com/en/dictionary/ux/vertical-spacing.html

# Vertical spacing

Vertical spacing is the separation that organises elements along the vertical axis of a composition. It helps group content, distinguish sections and establish a reading rhythm

What it means, how it is used and where it comes up, with its related concepts.

[The whole glossary](https://www.zorraquino.com/en/dictionary)

## What it is and how it works

Distances should reflect relationships between elements and remain consistent within the [design system](https://www.zorraquino.com/en/dictionary/digital-marketing/design-system.html). A spacing scale supports this work, but its values are not universal. The result needs to be checked with real content, enlarged text and different screen widths.

Also known as

Vertical rhythm

Topics

[Experience and service design](https://www.zorraquino.com/en/dictionary/category/experiencia-y-diseno-de-servicios)

## Related concepts

- [Padding](https://www.zorraquino.com/en/dictionary/ux/padding.html)
- [Density-independent pixels (dp)](https://www.zorraquino.com/en/dictionary/ux/dips-or-dp.html)
- [Layout grid](https://www.zorraquino.com/en/dictionary/branding/design-grid.html)