Web Design

What Is Above the Fold?

Definition

The portion of a web page that is visible without scrolling, immediately upon page load — the most valuable screen real estate for capturing attention.

Why It Matters

Most visitors decide within seconds whether to stay or leave — and that decision is made entirely based on what they see above the fold. If the value proposition, primary CTA, and trust signals are not visible without scrolling, conversion rates suffer significantly.

How It Works

Above-the-fold design prioritises the headline (value proposition), subheadline (elaboration), primary CTA, and a hero visual or trust indicator (logos, reviews, guarantees). Designers must account for different viewport sizes — what is above the fold on a 27-inch monitor may be below the fold on a 13-inch laptop. Heatmap data reveals what percentage of users actually scroll past specific points.

Real-World Example

A SaaS company moves its primary CTA button from below a lengthy feature list to above the fold alongside the headline. Free trial sign-ups increase by 47% with no other changes — simply because the action is now visible without scrolling.

Quick Facts

Users spend 80% of their time looking at content above the fold on a webpage
"Above the fold" originates from newspaper publishing — the top half of a folded front page
On mobile, "above the fold" typically means the first full-screen viewport (about 600px height)
Placing trust signals (logos, review stars) above the fold reduces purchase anxiety and increases conversions