What Does Above the Fold Mean?
Above the fold is the portion of a web page a visitor sees immediately, without scrolling — the first screenful. The term comes from newspapers: broadsheets were displayed folded on newsstands, so the top half of the front page carried the headline and image that had to sell the paper. On the web, the "fold" is the bottom edge of the initial viewport, and everything beneath it is below the fold.
There is no single fold anymore — a phone in portrait, a laptop, and a widescreen monitor all crop the page differently — but the concept survives because visitor behavior does: the first screenful gets disproportionate attention and decides whether the rest of the page gets any.
Why the Fold Still Matters
- Attention concentrates at the top. Eye-tracking studies consistently show most viewing time is spent in the first viewport, with sharp decay as users scroll. Users do scroll — but only after the top screen convinces them to.
- It frames the value judgment. Within seconds, a visitor answers three questions from the first screenful: Where am I? What can I do here? Why should I care? A landing page that answers them converts; one that doesn't feeds the bounce rate.
- It's a performance surface, not just a design surface. Google's Largest Contentful Paint metric effectively measures how fast your above-the-fold content renders, tying the fold directly to Core Web Vitals and SEO.
- But cramming backfires. Forcing everything above an imaginary line produces dense, slow pages. The goal is a clear proposition and an obvious next step — not the whole story.
Designing Above-the-Fold Content
- Lead with the value proposition — a headline a stranger can understand, support copy, and one primary call to action.
- Choose the hero image for meaning, not decoration — it should show the product, outcome, or audience, and never push the headline out of view on mobile.
- Design mobile-first. The smallest common viewport is the honest fold; test what actually appears there.
- Signal there's more. Let content visibly continue past the viewport edge — a hard visual stop suppresses scrolling.
- Test rather than debate. Fold layouts are ideal A/B testing candidates with direct conversion-rate readouts.
How Core dna Works With Above-the-Fold Content
In Core dna, the above-the-fold experience is a component marketers control, not a template developers hard-coded. Hero sections are structured content areas in the Core dna content management platform — headline, support copy, CTA, and imagery as editable fields — so teams can iterate on the highest-leverage screen of any page or landing page without a deployment, and vary it by campaign or audience.
The platform also treats the fold as a performance budget: responsive image handling and optimized delivery keep hero content fast enough to satisfy Core Web Vitals, because a perfect first screenful that renders late is still a failed first impression.