Design Principles
Above-the-Fold Clarity
What's visible before scrolling must say who you are, what you do, and what to do next — unaided.
Where it comes from
The idea predates the web — it comes from newspapers, where the most important stories ran 'above the fold' of a folded broadsheet. On the web, Nielsen Norman Group's eye-tracking research has repeatedly measured how attention concentrates on the first screenful before any scrolling.
Why it matters for your website
The first screenful is the most valuable real estate you have. NN/G's research shows a large gap in attention between what's above the fold and what's below — and that visitors decide whether to continue within seconds. Everything that decision needs (who you are, what you offer, what to do next) should be visible without scrolling.
The fold isn't a hard line — people do scroll — but the attention gradient across it is real and steep. Far more visitors see the top of the page than the bottom, and the ones who never scroll are deciding whether to stay based on the first screen alone. So the top has to earn the scroll.
This doesn't mean cramming everything above the fold; it means the decision-critical things belong there. Who you are, what you offer, what to do next, and a reason to believe — enough that a visitor can tell, without lifting a finger, that they're in the right place.
Wrong vs right
A hero that's a full-screen lifestyle image and a vague tagline, with the actual value proposition only appearing after a scroll.
A first screen that states who you are, what you do, and the primary action — clear before any scrolling.
Pushing the main call to action far down the page, below content most visitors won't reach.
The primary action visible in the first screenful, where the most attention is.
Filling the fold with a cookie banner, a promo bar, and navigation, leaving no room for the actual message.
Reserving the prime real estate for the message and action that the stay-or-leave decision depends on.
Understanding Above-the-Fold Clarity
Above-the-fold clarity is the principle that the first screenful — what a visitor sees before scrolling — must communicate the essentials unaided: who you are, what you offer, and what to do next. The term comes from newspapers, but the web version rests on a measurable behaviour: attention drops off sharply below the fold, and many visitors decide whether to engage within seconds, on the strength of that first view.
Nielsen Norman Group's eye-tracking work shows a pronounced gap between attention above and below the fold. People do scroll — the fold is not a wall — but the top of the page gets disproportionately more attention, and a meaningful share of visitors never go past it. That makes the first screen the place where the stay-or-leave decision is most often made.
The goal isn't to cram everything above the fold, but to put the decision-critical elements there. A visitor should be able to tell they're in the right place, and see a clear next step, without scrolling — because the top of the page has to earn the rest of the visit. It connects to the squint test, self-evident design, and message match.
How Kweri checks it
Kweri can assess a good deal of this directly — it can see what renders in the initial viewport and check whether the essentials (a clear value proposition, a primary action, an indication of who you are) are present above the fold or pushed below it. What it can't fully judge is whether your particular framing communicates clearly enough to your audience in those first seconds, which is a comprehension and content call. So Kweri reliably flags decision-critical elements that are missing from or buried beneath the first screen, and leaves the strength of the message itself to your judgement and testing.
FAQ
What does 'above the fold' mean?
Above the fold is the portion of a web page visible before scrolling. The term comes from newspapers, where top stories ran above the physical fold. Online, it's the first screenful — the area that gets the most attention.
Does the fold still matter if people scroll?
Yes. People do scroll, so the fold isn't a hard cut-off, but attention drops sharply below it and many visitors decide whether to stay based on the first screen alone. The top of the page still carries disproportionate weight.
What should go above the fold?
The decision-critical essentials: who you are, what you offer, what to do next, and a reason to believe. Enough that a visitor can tell they're in the right place and see a clear next step without scrolling.
Should I cram everything above the fold?
No. The goal is to place what the stay-or-leave decision depends on there, not everything. Overcrowding the first screen with banners, navigation, and promos can bury the very message it needs to carry.
Where does the 'above the fold' concept come from?
From newspaper layout, where the most important stories appeared above the fold of a folded broadsheet. Nielsen Norman Group's eye-tracking research adapted and validated the idea for the web.
Related principles
Readers often scan in an F shape — strong across the top, weaker across a second line, then down the left.
People scan web pages rather than read them — structure content so scanners still get the point.
A visitor must be able to understand what a site offers, who it's for, and why it's the right choice — within 10 seconds and without working hard to decode it.
Attribution & sources
Identified by Nielsen Norman Group. Catalogued from Nielsen Norman Group — The Page-Fold Manifesto.
Rooted in newspaper layout and validated for the web by NN/G's eye-tracking research; the linked article is the reference used here.
See Above-the-Fold Clarity on your own site
Run a free Kweri audit — a plain-English review of your site’s speed, accessibility, SEO and design, ranked by what to fix first. No login, no jargon.
Run a free audit →