What does above the fold mean?
Above the fold is the part of a page a person sees before they scroll. What to put there on a marketing site, and how Goodspeed designs the first screen.
Founder of Goodspeed
Above the fold is the part of a web page a person can see before they scroll. The phrase comes from newspapers. On a website it is not a single measurement. A phone, a laptop and a large monitor all show a different first screen, and browser chrome changes the height as well.
What belongs there is the reason to stay: a clear offer, enough context to trust the page, and a visible next step. It is closely tied to landing page design and to conversion rate optimisation, because many visitors decide in a few seconds whether the page is for them.
Why does above the fold matter?
If the first screen is a vague slogan, a slow hero video, or a cookie banner that hides the heading, people leave before the good work further down the page. If you try to fit everything into that screen, the offer gets lost in noise. The job is judgement, not cramming.
Performance sits in the same decision. A large unoptimised image or an unneeded animation can delay the first useful paint. That is a Core Web Vitals problem as well as a design one.
How does Goodspeed handle above the fold?
We write the first heading around the job of the page, put a proof line the visitor can check close to it, and keep the primary action visible. We design the first screen for a phone as carefully as for a desktop, rather than shrinking a wide hero and hoping. Your team should be able to edit the heading and the proof later without opening a design file.
A landing page starts from $2,500. Fuller marketing sites start from $10,000. If you want a date and a scope, book a call.
What does a typical above-the-fold pass look like in practice?
A homepage opens with a wide photograph, a slogan, and a menu of six competing calls to action. We replace the slogan with a sentence that states who the site is for and what they can do next, move a short proof line under it, and keep a single primary action. The photograph is compressed and sized so it does not delay the heading on a phone.
What are the common mistakes?
- Treating the fold as a fixed 1000-pixel box and ignoring phones.
- Hiding the offer under a looping video or a cookie wall.
- Putting every feature in the first screen so nothing stands out.
- Using a heading the team likes internally, rather than one a visitor can understand.
- Shipping a beautiful image that is several megabytes and late to appear.
Common questions
What does above the fold mean on a website?
Above the fold is the part of a page a person can see before they scroll. It is not a fixed pixel height. It changes with the device, the browser chrome and whether the visitor is on a laptop or a phone.
Is everything important supposed to sit above the fold?
No. The fold should make the offer, the context and the next step clear enough to stay. Packing every feature, form field and testimonial into the first screen usually makes the page harder to read, not more persuasive.
Does above the fold still matter on mobile?
Yes, more than ever. A phone shows less, and a slow first screen is a common reason people leave. That is why the first heading, the first proof line and the largest image have to be deliberate, and why Core Web Vitals matter here.
How does Goodspeed design above the fold?
We write the first heading around the offer, put checkable proof close to it, and make the next step visible without drowning the screen. Landing pages start from $2,500. Broader builds start from $10,000.
Which related terms should you read next?
You can also browse the glossary, the resources hub, try the migration planner, or book a call.
About the Author
Founder of Goodspeed
Harish Malhi is the founder of Goodspeed. He left Google in 2019 to build his own product, and started Goodspeed to give other founders the same head start. Today the studio designs and builds websites and the whole digital experience around them for funded tech companies, at the moments that matter: a raise, a launch, a press cycle. Goodspeed is a Framer Enterprise Expert, was Bubble’s Agency of the Year in 2024, and has shipped 300+ products, including launch pages for an NVIDIA-backed AI lab and a Webby-nominated site for a Boeing-backed aviation company. It holds a 5.0 rating from 46 reviews on Clutch.
