Definition: Above the fold refers to the area of a web page that is visible to a visitor without scrolling — the content immediately seen when the page loads. The term originates from print newspaper design, where the most important stories appeared on the top half of a folded front page. In web design, it describes the screen-level viewport a user first encounters, before any scrolling begins.
Why It Matters: The above-the-fold area is the highest-attention real estate on any web page. Studies consistently show that users form a first impression within milliseconds and decide whether to stay or leave before scrolling. For conversion-focused web design, this zone typically contains the headline, subheading, primary call to action, and hero image — the core message that communicates what the page is for and why the visitor should stay. Calls to action placed above the fold generally outperform those buried further down the page.
How It Works: There is no single fixed pixel height that defines “above the fold” — it varies by device, screen resolution, and browser chrome. On a typical desktop, the visible area is roughly 600–900 pixels tall; on mobile, it is shorter and narrower. Web designers plan layouts with the most critical content and actions within this zone, while ensuring the design also signals to users that more content exists below (through partial content cut-off, scroll indicators, or visual momentum). Tools like heatmaps and session recordings reveal how far users actually scroll on any given page.
Related: Call to Action, Landing Page, Conversion Rate Optimization, Heatmap, Visual Hierarchy