Group name
Website heatmap
Webflow Optimize
Webflow A/B testing
Voice of customer
User journey map
User behavior analytics
Usability testing
Trust signals
Tree testing
Time on page
Survey design
Statistical significance
Split URL testing
Split testing
Social proof
Session replay
Session replay tools
Session recording
Sequential testing
Segmentation analysis
Scroll map
Scroll depth
Scarcity marketing
Revenue per visitor
Rage click
PIE framework
Novelty effect
Multivariate testing
Mobile conversion rate
Microsoft Clarity
Micro conversion
Message match
Macro conversion
LIFT model
Landing page optimization
Landing page conversion rate
Information scent
ICE score
Hotjar
Holdout group
Hick's law
Heatmap tools
Guardrail metrics
Goal completion
Funnel analysis
Form analytics
Form abandonment
Five second test
Fitts's law
Exit rate
Exit intent popup
Event tracking
Drop-off rate
Dead click
CRO tools
CRO audit
Choosing CRO tools
Conversion funnel
Cohort analysis
Cognitive load
Click map
Checkout optimization
Cart abandonment
Bounce rate
Bayesian A/B testing
Average order value
Attention map
Anchoring bias
Above the fold
A/B testing tools
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.