What is a safe zone on Discord?

A safe zone is the central region of a creative that stays visible after Discord overlays its own interface — watch timers, claim buttons, server names, and the profile avatar. Keeping text and logos inside it prevents them from being hidden.

Where does Discord put UI on a Quest video?

A Quest video shows the quest title and watch timer across the top, a progress and caption strip along the bottom, and a claim-reward button in the lower-right. Keep your key visuals centred and clear of those bands.

Why is my Discord profile banner partly covered?

Discord overlaps your circular avatar over the lower-left of the profile banner and prints your display name and tag across the lower band. Keep that corner and the bottom strip clear of important detail.

How much margin should I leave on a Server Discovery banner?

Leave roughly 24 percent clear at the bottom of a Server Discovery banner, where the server name and member count overlay, plus about 5 percent on the sides. The guide draws this as a green safe-zone outline.

Do directory cards have safe zones too?

Yes. Directory and Student Hub cards render small with a title strip across the bottom, so keep the focal point centred and away from the lower 28 percent of the frame so it is not covered or cropped.

Discord Safe Zone Guide

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

Discord overlays its own interface on top of every creative — Quest timers and claim buttons, server-name banners, profile-avatar overlap, and caption strips. This guide simulates those overlays so you can keep titles, logos, and faces in the area that actually stays visible.

How it works

For each surface, the tool draws a scaled canvas with two layers. The shaded coloured regions mark where Discord’s UI chrome sits — for example the watch timer and claim button on a Quest video, or the server-name overlay on a Discovery banner. The green outline marks the safe zone: the central area that survives once that chrome is rendered on top.

The reported margins are derived from each surface’s native pixel canvas, so the Npx top / bottom / sides values tell you exactly how much clearance to leave in your design file. Anything important that strays into a coloured band risks being hidden or hard to read.

Tips and notes

Design every Discord creative from the centre out, treating the shaded bands as no-go areas for text and logos. On profile banners specifically, leave the lower-left corner clear for the avatar overlap and keep detail in the upper portion. For Quest videos, the bottom progress strip and the lower-right claim button are the two zones most often forgotten — keep your call-to-action and branding above and to the left of them. Pair this guide with the ad-spec reference to confirm both dimensions and safe areas before export.