The phrase comes from newspapers: the half of the front page visible while the paper sat folded on a stand. On the web it means whatever a visitor sees before scrolling. There is no fixed size, because the fold moves with every screen — a laptop shows far more than a phone held in one hand outside somebody’s house.
Briefly explained
- What a visitor sees before scrolling.
- It varies by device, so design for the phone.
- It does not have to hold everything. It has to earn the scroll.
- Three questions have to be answered there.
Which three questions?
The ones a visitor is holding when they arrive.
- What do you do? Named plainly, in the words they used.
- Do you cover my area? One line is enough.
- How do I reach you? A tappable number, not an icon that opens a form.
A hero image with a slogan across it answers none of the three, which is why it is the most expensive decoration on most sites.
What earns the call on that screen?
- A headline naming the service and the area, not a brand promise
- A visible, tappable phone number
- One piece of proof: a rating, years in business, a license number
- A single primary action. See call to action.
What does it not mean?
It is not an instruction to cram everything upward.
Long pages convert well when the top of them earns the scroll. The failure is not length, it is spending the first screen on decoration: a slow video background, a carousel nobody waits through, a consent banner sitting over the phone number.
Why does it matter more on a phone?
Because the screen is smaller and the visitor is usually in a hurry.
Most urgent searches happen on a phone, often on a poor connection, frequently with a decision already half made. If the page is still loading its hero image when they lose patience, nothing below it was ever read. See Core Web Vitals.
What do the terms mean?
- The fold: The bottom edge of what is visible before scrolling.
- Viewport: The visible area of the browser window on that device.
- Hero: The first block of the page, usually a headline and an image.
- Click-to-call: A number that dials when tapped.
- Scroll depth: How far down the page people actually get.
Owner questions
