If your Instagram Story ad has a headline, logo, or call-to-action button hidden behind the profile avatar or reply bar, you have a safe zone problem. The safe zone guidelines for Instagram Story ads exist to stop exactly that: they tell you which parts of the 1080×1920 frame are reliably visible, and which parts get covered by Instagram's own interface on different phones.
What a safe zone actually is
A safe zone is the portion of your video frame that stays fully visible once Instagram's own UI elements are layered on top of it. Instagram Stories and Story ads are full-bleed: your video fills the entire 9:16 screen, but Instagram draws its own interface over the top and bottom edges. That interface includes the profile picture and username, the progress bar showing how many Stories are in the sequence, the close (X) button, the reply text field, and, for ads specifically, the call-to-action button or swipe-up chevron.
None of that UI is part of your video file. It sits on top of it. So if you place your product name, discount code, or logo right at the very top or bottom edge of the frame, there is a real chance it gets partially or fully covered depending on the viewer's device, app version, and whether they have stickers or interactive elements showing on their own end.
Safe zone guidelines for Instagram Story ads, in practice
Because the exact pixel footprint of Instagram's UI can shift slightly between app updates and device sizes, treat any number here as a working starting point rather than a fixed rule. The goal is to build in enough margin that small variations don't wreck your layout.
| Zone | Approx. area on a 1080×1920 canvas | What to avoid placing there |
|---|---|---|
| Top strip | Top ~250px | Headlines, logos, key offer text, important faces or product shots |
| Bottom strip | Bottom ~250px | CTA text you want seen without tapping, pricing, disclaimers, end cards |
| Side margins | ~35px from left and right edges | Text that touches the edge, logos that get cropped on certain aspect-ratio crops |
| Core safe zone | Roughly the middle 1080×1420px block | This is where your main message, product shot, and primary text should live |
If you want the full breakdown of the 9:16 canvas itself, including how Stories differ from feed and Reels placements, see our aspect ratio guide for Instagram Stories ads.
Where UI elements typically sit
- Top left: profile picture, account name, and sponsored label
- Top center/right: Story progress bar (segmented line) and close button
- Bottom center: reply text field with placeholder text like 'Send message'
- Bottom right: sticker tray icon and, on some layouts, a share icon
- Bottom, just above the reply field: the call-to-action button (Shop Now, Learn More, Install Now) that Instagram adds for ads specifically
That last point matters for ad-specific layouts. A regular organic Story only has the reply bar at the bottom. A Story ad adds a CTA button directly above it, which eats more of the lower part of the frame than an organic post would. If you're designing for ads, assume the bottom safe margin needs to be a little larger than what you'd use for organic content.
Why this is different from TikTok
Instagram and TikTok both run full-screen 9:16 video, but their UI sits in different places. TikTok tends to stack more interface down the right-hand side (profile, likes, comments, share) and across the bottom captions area, while Instagram concentrates more of its UI along the top and bottom edges. If you're repurposing one ad across both platforms, don't assume the same safe zone works for each. See our safe zone guidelines for TikTok ads for the side-by-side comparison.
Common safe zone mistakes to avoid
- Designing against a blank 1080×1920 canvas with no UI overlay reference, then being surprised when the logo disappears behind the close button
- Putting the offer or discount code in the very last two seconds of the video, right where a CTA button sits in an ad placement
- Centering text vertically in the full frame instead of the safe core area, which pushes it too close to the top or bottom edge
- Testing the layout only on one phone size; smaller screens and older app versions can shift how much space the UI takes up
- Forgetting that captions (word-by-word or burned-in subtitles) need their own buffer from the bottom edge, separate from the CTA button space
- Assuming a square (1:1) or landscape (16:9) version of the same ad will have identical safe zones when it's cropped into Stories; a crop can push elements that were safe in the original ratio right into UI territory
A practical pre-launch checklist
- Export your video and overlay a simple top/bottom guide box at roughly 250px from each edge
- Check that your hook text or opening visual sits fully inside that core zone, not touching the top strip
- Check your final CTA, offer, or sign-off text the same way, since this is the frame most likely to get a CTA button overlaid in the actual placement
- Preview the ad inside Instagram's own ad preview tool before publishing, which shows a rough simulation of the UI over your creative
- View it on at least two different phone screen sizes if you can, since safe margins can feel tighter on smaller displays
- Re-check captions separately from static text; auto-generated captions sometimes sit lower in the frame than designed text
Safe zones and other Story ad specs work together
Safe zones don't exist in isolation. They interact with how long your ad runs, what aspect ratio you shoot in, and even what thumbnail represents your video before it plays. If your video runs long enough to include multiple scenes, each scene change is a fresh moment where text could drift into the UI zones, so it's worth rechecking margins at every cut, not just the first and last frame. For guidance on pacing a Story ad so it doesn't run too long or get cut off, see our guide to max video length for Instagram Story ads. And since the still frame representing your ad in-feed matters for click-through before anyone even hits play, our guide to ideal thumbnail image size for video ads covers how to pick one that isn't itself covered by UI.
How FrameNotion handles this
FrameNotion builds every ad at 1080×1920, 9:16, 30 fps from the start, with on-screen text, captions, and calls to action laid out with margin built in rather than dropped at the raw edges of the frame. Because FrameNotion AI checks its own rendered frames before the MP4 is finalized, text placement gets reviewed as part of the render rather than left for you to catch afterward. Every ad also exports as 4:5, 1:1, and 16:9, so you're not manually re-checking safe zones each time you need a different ratio for a different placement. If something still needs adjusting, like nudging a headline up or recoloring a CTA, you can request changes to the same ad without starting over, and the first ad is free to test this on your own product page.
Want to see how finished ads are framed before you build your own? Browse example ads made with FrameNotion, or start from the homepage by pasting a product link.
FAQ
Frequently asked questions
Does the safe zone change between organic Stories and Story ads?+
Yes. Organic Stories only need to account for the reply field and sticker tray at the bottom. Story ads add a call-to-action button directly above that area, so the bottom margin you should leave clear is generally larger for ads than for organic posts.
What happens if my text is only partly inside the unsafe zone?+
Partial overlap is still a problem. Even a headline that's mostly visible but has its bottom edge clipped by the reply bar can look unfinished or hard to read, especially on smaller screens. Treat the safe zone as a hard boundary, not a soft suggestion.
Do safe zones matter if my ad has no text at all?+
They matter less for pure product footage, but they still apply to your logo, any burned-in captions, and the final frame if you end on a static offer card. If there's any on-screen element you want seen clearly, it should sit inside the core safe area.
Should I design for the smallest common phone screen or the largest?+
Design for the smallest practical screen you expect your audience to use, since UI elements take up proportionally more space on smaller displays. A layout that's safe on a small screen will almost always still be safe on a larger one.
Can I reuse the same safe zone layout for Reels ads?+
Reels also runs 9:16 full-screen but places UI elements differently, such as captions, likes, and sharing icons stacked along the right side and bottom. Review the Reels placement separately rather than assuming a Story-safe layout is automatically Reels-safe.