Above the Fold

What does above the fold mean?

The term comes from newspaper printing. Folded papers were displayed at newsstands so that only the top half of the front page was visible. That's where the biggest headlines went, because they decided whether someone bought the paper.

On the web, above the fold means the area you see after a page loads, without scrolling. There is no fixed line. Where the fold sits depends on the device, screen size and browser window. On a phone, this area is much smaller than on a desktop.

Why above the fold matters

Within the first few seconds, visitors decide whether they're in the right place. The visible area needs to answer: What is this, is it for me, and what can I do next? That doesn't mean everything belongs at the top. People do scroll, but only when the opening convinces them. So the area above the fold is less a place to cram content and more a promise that scrolling is worth it.

How to use the area above the fold in practice

• Write a clear value proposition in a headline that makes sense without extra context.
• Show one obvious next step, such as a primary button or a visible cue that there's more below.
• Don't waste the space on huge sliders, cookie banners covering half the screen or decorative white space with no purpose.
• Check on real devices, especially common smartphones, not only in your design tool.
• Avoid false floors: If the page looks finished, nobody scrolls. Let content visibly run off the edge.

Example

A fashion store shows a full-screen lifestyle photo on its mobile product page. Price, size picker and add-to-cart button only appear after scrolling. In user testing, many participants look for the price first. A more compact image with name, price and button in the visible area fixes the problem.