What Is Above the Fold in Web Design?
Above the fold is the part of a page visible without scrolling — the first viewport. It matters because a large share of visitors never scroll, so whatever's up there does most of the conversion work. The term comes from newspapers, where the top half of the folded front page sold the issue. On the web there's no single fold; it varies by screen.
Above the fold is the part of a page a visitor sees without scrolling — the first viewport. It matters because a large share of visitors never scroll, so whatever sits there does most of the conversion work. The phrase comes from newspapers: the top half of the folded front page had to sell the issue on the stand.
Why the term, and why it still matters
Newspapers were displayed folded, so the most important story and headline went above the fold where buyers could see it. The web borrowed the idea: the first viewport is your front page. Analytics back it up — on a typical landing page the average visitor reaches less than halfway down, which means anything below the first screen is seen by a minority. If your value proposition or CTA lives down there, most people never encounter it.
There's no single fold
Unlike a newspaper, the web has no fixed fold — it depends on the device:
- A small phone might show only ~640px of height.
- A laptop might show ~800px.
- A large monitor shows much more.
So "above the fold" is really "visible on the smallest common screen." The practical rule: design so your headline and primary CTA fit in a short mobile viewport, because that's the constraint that bites.
What belongs above the fold
The first viewport should answer two questions instantly:
- What is this? A clear, outcome-oriented headline — "Ship a conversion fix every week," not "An AI growth platform."
- What do I do? A single, visible primary CTA.
Optionally, a one-line subhead with specifics, a trust signal (a recognisable logo or a number), and a hero visual. Everything else — features, testimonials, FAQs — can live below, because by the time someone scrolls, they're already interested.
A quick self-test
Open your landing page on a phone and look at only the first screen, before scrolling. Can a stranger tell:
- What you offer?
- Who it's for?
- What the next step is?
If any answer is "no," your above-the-fold isn't doing its job, and no amount of polish further down will compensate — most people won't get there.
The fold isn't a hard line
A common myth is that nothing below the fold gets read. That's false — engaged visitors do scroll, and long pages convert fine when the top earns the scroll. The point isn't to cram everything up top; it's to make the first viewport compelling enough that people choose to continue, and to ensure the essentials (offer + CTA) don't depend on scrolling.
For how the first viewport relates to overall scroll behaviour, see what a good scroll depth is. And if you'd like your above-the-fold weaknesses found and the fix shipped as a Pull Request, that's what Velyr does.
Frequently asked questions
What does above the fold mean?
It's the portion of a web page visible without scrolling — the first viewport a visitor sees when the page loads. The term comes from newspapers, where the top half of the folded front page had to sell the issue. On the web it's where most of your conversion weight sits, because many visitors never scroll past it.
Where is the fold on a website?
There isn't one fixed fold — it depends on the visitor's screen and browser. A common reference is a mobile viewport around 640–700px tall and a desktop one around 800px, but the practical rule is to ensure your headline and primary CTA are visible on the smallest common screen.
What should go above the fold?
Your core value proposition (a clear outcome headline), a one-line supporting subhead, and the primary CTA. Optionally a trust signal or hero visual. The test is simple: in the first viewport, can a visitor tell what you offer and what to do next?
Velyr is an AI growth agent that ships one weekly conversion fix as a GitHub Pull Request — you approve it over Telegram, and it rolls itself back if the numbers drop.
Start the Growth Agent