What Is Above the Fold and Why Does It Matter for Web Design?

The phrase "above the fold" originated in newspaper publishing, where the most important stories appeared on the top half of a broadsheet — the part visible before the paper was folded. On the web, it has come to mean everything a visitor can see on a webpage without scrolling, in the moment the page first loads in their browser.

Above-the-fold content matters because it forms the first impression. A visitor who arrives on a page decides within seconds whether to stay or leave, and that decision is made almost entirely on the basis of what they can see without scrolling. If the above-the-fold area is cluttered, unclear, or fails to communicate the page's purpose, the visitor may leave before ever discovering the value that lies below.

Why Above-the-Fold Content Is Disproportionately Important

Eye-tracking studies consistently show that users spend the majority of their attention on content in the top portion of a page. As you scroll further down, the drop in attention is significant — not because users are lazy, but because their attention is highest when they first arrive and diminishes as they invest more time without finding what they came for. A page that fails to engage visitors above the fold loses them before the more compelling content further down has any chance to convert.

The above-the-fold area is also where the most critical first impression is formed. In fractions of a second, visitors make judgements about the professionalism, relevance, and trustworthiness of a website based on visual design, layout clarity, and whether the headline communicates something meaningful. These snap judgements are difficult to reverse, which is why the above-the-fold section deserves more design attention and copy care than any other part of the page.

What to Include Above the Fold

Above the fold should contain your primary value proposition — a clear headline and supporting sentence that tells the visitor what the page is about and why it matters to them. A primary call to action should be visible without scrolling, so visitors who are ready to act can do so immediately. Navigation should be present and functional for those who want to explore before committing.

Trust signals — a star rating, a customer count, a recognisable client logo or accreditation badge — can be included above the fold to immediately address credibility concerns. An image or visual that reinforces the headline adds context and emotional resonance. What should not be above the fold is clutter: unnecessary navigation items, irrelevant imagery, multiple competing calls to action, or verbose introductory copy that delays the visitor's understanding of the page's purpose.

The Challenge of Multiple Screen Sizes

One complication with designing for above the fold is that there is no single fold. A desktop user on a large monitor has a much deeper fold than a mobile user on a small handset. The same page that places a call to action comfortably above the fold on a desktop might push it well below the fold on a smartphone. Responsive design must account for this: on mobile, the fold is much shallower, and above-the-fold content must be more ruthlessly prioritised.

Test your above-the-fold content on multiple device sizes to see what is visible without scrolling on each. Tools like Chrome DevTools allow you to simulate different device viewports. Your analytics will tell you what proportion of your visitors are on mobile versus desktop, which should inform where you put the most design effort. For many UK small business websites, mobile visitors now account for more than half of all sessions.