What is whitespace?
Whitespace is the empty space between and around elements on a page.
Definition
Also called negative space, it does not have to be white: it is any area without content. Margins, padding, line spacing and the gaps between sections are all whitespace.
Why it matters
Space creates hierarchy and calm. What has room around it reads as important, and generous spacing is one of the clearest signals of a premium design.
How to get it right
- Use a consistent spacing scale.
- Give section headings more space above than below.
- Let the most important element breathe.
- Increase space before cutting content.
Mistakes to avoid
- Filling every gap
- Random, inconsistent spacing
- Text running edge to edge on mobile
Related terms
- Grid systemA grid system is a set of columns and gutters that elements on a page align to.
- Type scaleA type scale is a fixed set of font sizes, related by a ratio, used throughout a design.
- Design systemA design system is a shared set of rules, styles and components that keeps a product's design consistent.
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More design terms
Questions, answered.
The things people ask before they start building.
What is whitespace?
Whitespace is the empty space between and around elements on a page. Also called negative space, it does not have to be white: it is any area without content. Margins, padding, line spacing and the gaps between sections are all whitespace.
Why does Whitespace matter?
Space creates hierarchy and calm. What has room around it reads as important, and generous spacing is one of the clearest signals of a premium design.
How do you get whitespace right?
Use a consistent spacing scale. Give section headings more space above than below. Let the most important element breathe. Increase space before cutting content.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code