Above the Fold
Also known as: ATF
Above the fold is the portion of a web page visible without scrolling, the first thing a visitor sees when the page loads. The term comes from newspapers, where the top stories ran above the physical fold. On the web it varies by device and screen size.
Key Takeaways
- Above the fold is the part of a web page visible when it loads, before the visitor scrolls.
- The term comes from newspapers, where the top headlines ran above the physical fold in the paper.
- The exact fold line varies by device, screen size, and browser, so it is a range rather than a fixed point.
- This space shapes first impressions and heavily influences whether a visitor stays or leaves.
- Modern visitors do scroll when content earns it, so not everything important has to sit above the fold.
How It Works
When a page loads, the browser paints whatever fits in the visible viewport first. That region is the fold, and it varies because a phone, tablet, and desktop each reveal a different amount of the page. Designers plan for this range rather than a single pixel line.
The strongest above-the-fold layouts lead with a clear Value Proposition so visitors instantly understand what the page offers, paired with a prominent Call to Action that tells them what to do next. Adding Social Proof such as a rating or a recognizable client near the top can build trust in the same glance.
To learn what visitors actually see and act on, teams study a Heatmap that shows where attention and clicks concentrate. That data guides what deserves the limited top space and what can move lower, since overloading the fold dilutes focus and buries the primary message.
Why It Matters
This space carries the heaviest weight in first impressions and decides whether a visitor stays or leaves. A clear value proposition and call to action here can lift engagement before scrolling is even required.
Example
A local dentist's homepage opens with a headline stating "Gentle Family Dentistry in Your Neighborhood," a "Book an Appointment" button, and a line noting hundreds of five-star reviews, all visible without scrolling. A visitor on a phone immediately grasps the service, the action, and the trust signal, then scrolls for services and hours only if interested.
Common Mistake
Cramming everything above the fold. Overloading the top with competing messages and buttons dilutes focus, and assuming users never scroll ignores that modern visitors scroll readily when the content earns it.
Frequently Asked Questions
Where is the fold on a web page?
There is no single fixed line. The fold depends on the visitor's device, screen resolution, and browser window size, so designers treat it as a range and prioritize content for the most common viewport heights.
Does above-the-fold content still matter?
Yes. It carries the heaviest weight in first impressions and often decides whether visitors stay. It matters less as an absolute rule than it once did, since users now scroll readily when the top earns their attention.
What should go above the fold?
Typically a clear value proposition, a primary call to action, and a trust signal such as social proof. The goal is instant clarity on what the page offers and what to do, not cramming in every message at once.