Definition
Above the fold in email describes the portion of a message visible without scrolling. The term comes from newspaper publishing, where the most important headlines appeared on the top half of the front page. In email, the fold is determined by the device, email client, screen resolution and whether the recipient uses a preview pane.
The visible area can range from roughly 200 pixels in a narrow preview pane to 700 pixels on a full-screen mobile device. Because the fold is unpredictable, the safest design approach treats the first 300 to 500 pixels as the most important message space.
Content placed above the fold receives the highest attention. A clear value proposition, a recognisable brand cue and a primary call to action in this zone give every recipient an immediate path forward, even if they do not scroll.
Best Practices
- Place the primary call to action within the first 300 pixels to cover most preview pane scenarios.
- Lead with the value proposition, not a large decorative hero image.
- Assume images may be blocked and ensure the top text still communicates the message.
- Use preheader text to extend the above-fold message in the inbox.
- Add a secondary call to action further down for engaged scrollers.
Related Glossary Terms
A/B Testing
A/B testing in email marketing is the practice of sending two variations of an email to a small sample of your list to determine which version performs better before sending the winner to the remaining subscribers.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
Autoplay Video in Email
Autoplay video in email refers to the limited ability to play video content automatically when an email is opened, using specific client-supported techniques.
Frequently Asked Questions
There is no fixed number. The safe zone is generally 300-500 pixels, but preview panes can show as little as 200 pixels and mobile devices can show 600-700 pixels.
Yes. Mobile recipients form an impression within seconds. The top content must load fast and communicate value immediately.
No. A single primary CTA above the fold is usually enough. Additional CTAs further down serve subscribers who scroll and are more engaged.
Preview panes reduce the visible height dramatically. Design for the worst-case scenario, such as Outlook in a small reading pane, so the top 200 pixels still deliver the message.
Yes. A large animated hero or multiple header banners can push the main message below the fold on mobile. Keep header assets minimal.