Skip to main content

πŸ“ High Impact Safe Zones: Keep It Visible Everywhere

Design that looks good - on every screen, every time.

Nicoline Gotschalk Dalgaard avatar
Written by Nicoline Gotschalk Dalgaard
Updated this week

High Impact formats are awesome, but making sure your text, logos, and CTAs are always visible can be tricky. That’s where safe zones come in. This guide will help you stay compliant and confident when designing Topscroll and Midscroll ads for both desktop and mobile.

πŸ’‘ Add Safe Zone Images in Studio

We’ve created pre-made safe zone images for:

  • Topscroll (Desktop + Mobile)

  • Midscroll (Desktop + Mobile)

To use them:

  1. Add the relevant safe zone image to your template.

  2. Lock it in place with the πŸ”’ icon in the layer menuβ€”so it doesn’t get resized or moved by accident.


πŸ“ Recommended Safe Zones

Stick to these placements to keep your content visible:

  • Topscroll (Desktop & Mobile)
    πŸ‘‰ Keep key content within the top 65%
    πŸ‘‰ Leave the bottom 35% free

  • Midscroll (Desktop & Mobile)
    πŸ‘‰ Keep key content in the centre 70%
    πŸ‘‰ Leave 15% at the top and bottom free

PRO TIP: These tips are based on an 80% creative height. If your creative is smaller, scale the safe zones accordingly!


🎨 Final Tip from Team Zuuvi

Avoid leaving the exclusion zones blank or white - use your background image or colour to fill the whole format, just in case more of your ad becomes visible.


Download the safe zone images below and start building scroll-stopping High Impact creatives! 😍 Let me know if you'd like this version added to your Guide or Helpdesk.

Did this answer your question?