Group name

Website heatmap

Behavior analytics

Voice of customer

Research methods

User journey map

Research methods

User behavior analytics

Behavior analytics

Usability testing

Research methods

Trust signals

Page levers

Tree testing

Research methods

Time on page

Metrics and funnel

Survey design

Research methods

Social proof

Page levers

Session replay

Behavior analytics

Session recording

Behavior analytics

Segmentation analysis

Metrics and funnel

Scroll map

Behavior analytics

Scroll depth

Behavior analytics

Revenue per visitor

Metrics and funnel

Rage click

Behavior analytics

PIE framework

Research methods

Mobile conversion rate

Metrics and funnel

Micro conversion

Metrics and funnel

Message match

Page levers

Macro conversion

Metrics and funnel

LIFT model

Research methods

ICE score

Research methods

Hotjar

Tools

Hick's law

Page levers

Goal completion

Metrics and funnel

Funnel analysis

Metrics and funnel

Form analytics

Behavior analytics

Form abandonment

Behavior analytics

Five second test

Research methods

Fitts's law

Page levers

Exit rate

Metrics and funnel

Event tracking

Metrics and funnel

Drop-off rate

Metrics and funnel

Dead click

Behavior analytics

CRO audit

Research methods

Conversion funnel

Metrics and funnel

Cohort analysis

Metrics and funnel

Cognitive load

Page levers

Click map

Behavior analytics

Cart abandonment

Metrics and funnel

Bounce rate

Metrics and funnel

Average order value

Metrics and funnel

Attention map

Behavior analytics

Anchoring bias

Page levers

Above the fold

Page levers
This is some text inside of a div block.
Created:
updated:

Above the fold is the portion of a page visible without scrolling. There is no single fold, since viewport heights vary across devices, so it is a band rather than a line. It matters because attention concentrates heavily in that band even though people scroll freely.

Does the fold still matter?

Yes, and the debate persists because the question is usually posed badly. "Do people scroll" and "does position affect attention" are different questions with different answers.

People scroll. Nielsen Norman Group's 2018 eyetracking study of 120 participants found visitors spent roughly 57% of page-viewing time above the fold, with about 74% of viewing time inside the first two screenfuls. The comparable 2010 figure was around 80% above the fold.

Scrolling behavior improved substantially over those eight years, and a majority of attention still lands before the first scroll. The fold works as a steep attention gradient: content below it reaches fewer people, and reaches them with less attention. The gradient softened. It did not disappear.

What belongs above the fold?

Answer these before the first scroll rather than building toward them.

What this is. In the visitor's language, not internal product naming.

Who it is for. Specificity qualifies and disqualifies, and disqualification is a feature.

Why it is credible. One concrete proof, meaning a named customer with a number rather than a wall of logos.

What to do next. One primary action, visually dominant. A secondary action is acceptable, a third is not.

Karpi's own above-the-fold formula, applied across the four service pages, follows this shape: an action verb, the outcome, the head-question keyword, the ideal customer, and the specific pain solved. The pattern is taken from the Graphite and Webflow answer-engine case study published by Ethan Smith at Graphite, which reported a 485% quarter-over-quarter increase in signups attributed to LLM traffic. That figure is a program result reported across a quarter, not a controlled measurement of where visitors look, so it is the reason the pattern is worth testing rather than evidence about above-the-fold attention.

What are the common mistakes?

Cramming. Forcing an entire argument above the fold produces a dense block nobody reads. The fold's job is to earn the scroll, not to close the sale.

A hero image occupying the whole viewport with the value proposition pushed below it. It is a common source of false bottoms, where the page looks finished at the viewport edge and visitors stop reading a page that had not started making its case.

Designing at one viewport. A layout that fits on a 27-inch monitor pushes the CTA below the fold on a 13-inch laptop and far below it on a phone. Check the actual viewport distribution in analytics rather than assuming.

No continuation cue. Something must be partially visible at the bottom edge so visitors know there is more. A cropped heading or a half-visible card is enough.

How does the fold behave on Webflow?

100vh hero sections are the default in many Webflow templates, and a section sized exactly to the viewport leaves nothing cropped at its lower edge at any screen height, which is what produces the false bottom. Use min-height with a value under 100vh, or place an element that deliberately crops at the boundary.

Related terms

Scroll map · Scroll depth · Message match · Value proposition clarity · Information scent

Deeper reading: CRO in 2026, the complete guide. Service: Conversion Rate Optimization.

FAQ

Where exactly is the fold?

There is no single position. It depends on viewport height, browser chrome, and device orientation. The practical answer is the viewport height at the two or three resolutions your own analytics report most often.

Should the CTA always be above the fold?

The primary action should be visible or clearly signposted early. On considered purchases, repeating the CTA after the argument frequently performs better than relying on the first one alone.

Is the fold still relevant on mobile?

It matters more on mobile. The viewport is smaller, the same content occupies far more scroll distance, and the share of the page visible without scrolling shrinks accordingly.

Ask AI about this term

Want more revenue from your existing traffic?

We run CRO for Webflow sites — from audit to A/B testing.

Work with us

Work with us