The fold is not a pixel value
"Above the fold" originally referred to the top half of a folded newspaper. On the web, it means whatever a visitor sees before scrolling. That breakpoint shifts with every device -- on a 13" laptop it might be 650px; on a phone in landscape, under 400px.
Don't obsess over exact dimensions. The real constraint is time: you have roughly five seconds and one screenful to answer three questions. What is this? Is it for me? What do I do next? Fail any one and most visitors leave without scrolling.
The five elements that earn their spot
Not everything belongs in this space. Here are the five elements that do, in order of visual priority.
1. A headline that states the core offer. It needs to pass the grunt test: could someone glance at it for five seconds and tell you what you offer and why it matters? "AI-powered landing page audits in 60 seconds" works. "Empowering businesses to thrive in the digital economy" does not. Be specific. Name the outcome.
2. A subheadline that clarifies how. The headline says what you get. The subheadline says how it works or why it's different. Handle the top objection or add the detail that makes the headline credible. Two sentences max.
3. One primary call-to-action. Not "Start Free Trial" next to "Book a Demo" next to "Watch Video." Fogg's Behavior Model says motivation, ability, and trigger must converge at the same moment. Multiple CTAs dilute the trigger. Pick the one action you most want, and make the button text complete "I want to..." -- "Get my free score" beats "Submit."
4. One trust signal. Not five. Not a wall of logos. One proof point that reduces the biggest objection your audience has right now -- a customer count ("2,847 teams use this"), a recognizable logo, or a short testimonial. Cialdini's social proof principle works best when the proof is specific and relevant to the reader's identity.
5. A value-supporting visual. A product screenshot, demo, or result preview. Show the outcome, not the process. A dashboard with real numbers beats a stock photo of a smiling team. If your product is hard to visualize, show the artifact the user receives.
Five elements. Everything else can wait below the fold.
What doesn't belong above the fold
A few things that routinely get shoved into the first screen and hurt more than they help:
- Expanded navigation. If your top bar has seven links plus a dropdown, you're handing visitors seven exit paths before they read your headline.
- Feature lists. Features are how-it-works details. They belong further down the page. Above the fold, sell the outcome.
- Autoplay video. It slows page load and visitors overwhelmingly pause or mute it. A static image with a play button converts better.
- Multiple competing CTAs. Hick's Law: decision time increases with the number of options. Two buttons means neither gets full attention.
Four mistakes and what they cost
Vague headlines that say nothing. When your headline could apply to any company in any industry, you've wasted the highest-impact element on the page. Visitors don't scroll to figure out what you mean. Kahneman's concept of cognitive ease explains why: if something is hard to process, System 1 flags it as untrustworthy and moves on.
Burying the CTA below a paragraph of text. Your call-to-action should be visible without reading anything else. If someone has to scan past a full paragraph to find the button, you've added friction at the exact moment you need to reduce it.
Using a hero image instead of a product image. Generic visuals (abstract gradients, lifestyle photography) tell the visitor nothing about your product. Swap in a real screenshot or result preview. It shows what you do and proves the product exists.
No trust signal at all. Without social proof, you're asking the visitor to take your headline on faith. That's a big ask from a stranger. Even a single data point reduces perceived risk. If you're early stage, a specific testimonial or "used by teams at [Logo]" row can close the gap.
Run the five-second test
Show your landing page to someone unfamiliar with your product for exactly five seconds, then hide it. Ask three questions:
- What does this company offer?
- Who is it for?
- What's the next step to take?
If they can't answer all three, something above the fold needs to change. You can run this informally with a colleague, or use a tool like Conversion Probe to get an automated clarity and trust score across your full page. Either way: don't guess whether your first screen is working. Measure it.
| Element | Job it does | Common failure |
|---|---|---|
| Headline | States what you offer in under 8 words | Too vague or clever |
| Subheadline | Clarifies how or handles top objection | Missing entirely |
| Primary CTA | Tells visitor exactly what to do next | Competing with a second CTA |
| Trust signal | Reduces perceived risk with proof | Absent or generic |
| Visual | Shows the product outcome | Stock photo or abstract art |
Get these five elements right and your above-the-fold section does its job: it earns the scroll.