Guide

Above the Fold: What Belongs at the Top of Your Page

The first screen a visitor sees does a disproportionate amount of the work — spend it wisely.

Above the fold” is the part of a web page visible before anyone scrolls — the first screenful. The term comes from newspapers, where the most important story sat above the physical fold. On the web, this space still carries enormous weight.

It is the first thing every visitor sees and where many decide whether to stay. But it is also easy to overload or to waste. This guide explains what truly belongs there and how to think about it.

What it needs to do

In a glance, the top of the page should answer three questions: what is this, is it for me, and what can I do next. That usually means a clear headline saying what you do and where, a line of supporting text, and your main action — call, quote or book.

A little social proof here, such as a star rating or a recognisable badge, can reassure people instantly. The goal is for a visitor to feel “yes, right place” within seconds, which earns you the scroll where the rest of your story can unfold.

Do not try to fit everything

There is a temptation to cram the first screen with menus, banners, offers and widgets. Resist it. A crowded top of page overwhelms and obscures the one message you most want to land. Restraint here makes everything clearer.

It is also a myth that everything important must be above the fold. People readily scroll, especially on phones, provided the top of the page gives them a reason to. A clean, compelling first screen that invites scrolling beats a stuffed one that repels it.

It changes by page and device

Above the fold differs on every device. A laptop shows far more than a phone, where the first screen is small. Always design and check the mobile version specifically, making sure the headline and main action are visible without scrolling and without a huge header eating the space.

Different pages need different things up top, too. A service page should lead with that service and a relevant action; a contact page should put your details and form within reach. Tailor the first screen to what the visitor on that page most likely wants.

FAQs

Common questions.

Does everything important have to be above the fold?
No. That is an outdated idea. People scroll happily if the top gives them a reason to. Put your clearest message and main action up top, and let the supporting detail follow below.
How do I know where the fold is?
There is no single line — it depends on each visitor’s screen. Rather than chasing one fold, make sure the top of every page works well on a phone, where space is tightest.
Should the main headline above the fold describe what we do or speak directly to the visitor's problem?
We usually lead with the visitor's problem or goal rather than a description of your business, because people are scanning for something that speaks to them personally. A headline like "Find a reliable plumber in Norwich today" will hold attention longer than "Welcome to Smith Plumbing Services".
How we can help

Turn this into action.

The services behind this guide.

Related guides

More on web design & ux.

Want a hand putting this into practice?

Book a free, no-obligation consultation with a Norwich-based specialist.

Book a free consultation
Get started

Let's put your business in a better light.

Book a free, no-pressure consultation. We'll talk through your goals and tell you honestly what we'd do — whether you work with us or not.

  1. 01
    Tell us a bitFill in the form — two minutes, tops.
  2. 02
    We'll call you backWithin one working day, no pressure.
  3. 03
    Get a clear planHonest advice and a fixed quote.

Free · No obligation · We reply within one working day

Book a free consultation