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.
Common questions.
Does everything important have to be above the fold?
How do I know where the fold is?
Should the main headline above the fold describe what we do or speak directly to the visitor's problem?
Turn this into action.
The services behind this guide.
More on web design & ux.
Want a hand putting this into practice?
Book a free, no-obligation consultation with a Norwich-based specialist.
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.