The Vertical Ad Safe Zone Map: Where Platform UI Eats Your Creative

The clip looks perfect in the editor. Full-bleed 9:16, product front and center, a bold caption sitting exactly where you want it. Then it goes live, and the caption is sitting under the follow button. The logo in the corner is hidden behind the share icon. Nobody test-watched it inside the actual app before it shipped, because in the editor, there is no app UI to hide behind.

This is a placement guide, not a file-spec sheet — it won't tell you bitrates or max file sizes. It's about the part specs don't cover: exactly where each platform's own interface sits on top of your video, and how to design one master render that survives being reframed into all of them.

"9:16" is not a safe zone

A 1080×1920 export at the standard aspect ratio for vertical video is a canvas, not a viewport. The moment it lands in a real feed, the platform draws its own UI on top of it — profile name, caption text, follow button, sound ticker, the icon rail for likes and comments — and none of that is optional or skippable. Design as if the full frame is visible, and roughly the outer third of it will be fighting for space with buttons you don't control.

The practical consequence: your most important information — hook text, product name, CTA — belongs in a center band that's visible regardless of which platform's chrome is currently drawn on top. Everything else is placement-specific and has to be adjusted per destination, not exported once and hoped for.

TikTok's occlusion map

TikTok's in-feed UI is consistent enough to plan around directly. The right-side rail — profile picture, follow button, like, comment, bookmark, share — runs down the right edge of the frame. The bottom band carries the username, caption text, hashtags, and the sound/music ticker, stacked in that order from the bottom up. Both zones are persistent on every video in the feed; there's no version of the in-feed experience where they're hidden.

That means: keep product labels and burned-in text out of the right-hand column entirely, and treat the bottom quarter of the frame as caption-and-CTA territory that TikTok's own UI is actively competing for. If your video has burned-in captions of its own, they need to sit above that zone, not inside it, or you get two competing text blocks stacked on top of each other.

TikTok's own ad specs back this up on the technical side. For auction in-feed ads, the platform recommends 9:16 at 540×960 or higher (16:9 and 1:1 are also accepted), up to 10 minutes in length, and a 500MB file size ceiling. For reservation in-feed placements, the rules go further: no watermarks — including TikTok's own — and creative can't mimic TikTok's interface. That second rule matters more than it sounds: a burned-in fake "like" button or a fake progress bar as a creative device isn't just a bad idea, it's against the reservation placement rules outright.

Reels' occlusion map

Reels follows the same general shape — right-side icon rail (like, comment, share, remix), bottom band (username, caption, audio credit) — but the exact margins shift as Meta updates the placement, and third-party pixel-count guides go stale fast because of it. Rather than quote numbers that might already be wrong by the time you read this, check Meta's live ads guide for the current placement-by-placement specs before a final export — Ads Manager also has a "Show Safe Zones" preview toggle that overlays the actual current UI on your creative before you publish.

What's stable enough to design around without checking the live numbers every time: the top band carries the "Sponsored" label and profile identity, the bottom third carries caption and audio credit, and the right edge carries the icon rail. Center your CTA and product shot in the middle band, and you're safe regardless of which quarter's margin update just shipped.

The one-master-render workflow

The fix isn't designing five different videos. It's designing one master render with nothing critical in the outer zones, then reframing and re-captioning per placement — which is a resize-and-restyle pass, not a reshoot.

1. Generate or edit the master at 9:16 with the hook, product, and CTA all living inside the center band — treat the outer edges as empty margin from the start rather than cropping into them later.
2. Resize per destination. Versely's TikTok resize workflow reframes the same source without a lossy re-crop, so the center-band discipline from step one actually pays off — nothing critical was ever near the edge to begin with.
3. Reposition burned-in text per platform, not once for both. Use text overlay to place the caption above TikTok's bottom band on one export, and shift it to clear Reels' audio-credit line on the other — same message, different vertical position.
4. Apply a caption preset from caption styles sized to sit in the cleared band rather than centered on the frame by default — a caption style built for a landscape video will often crash straight into the icon rail when dropped onto a vertical export unchanged.
5. Preview inside the actual app or Ads Manager's safe-zone toggle before publishing — the editor's clean canvas is the one place the occlusion problem is invisible, so it's the one place you can't trust.

A placement checklist

• Keep logos, prices, and QR codes out of the right-hand third of the frame on every 9:16 export — that's the one zone both TikTok and Reels dedicate to their icon rail.
• Never let burned-in captions sit in the bottom-most band by default; push them up and re-check against the platform's actual caption/username stack.
• Don't reuse a landscape caption style on a vertical export without repositioning it — font size and placement that read fine on 16:9 routinely collide with UI on 9:16.
• Treat the center 60% of the frame, vertically, as the only zone guaranteed clear on both platforms — that's where the CTA belongs if it belongs anywhere.
• Re-verify safe zones after any platform UI redesign; both TikTok and Meta have moved icon rails and caption stacks before without much notice.

FAQ

What's the actual difference between this and a vertical video specs page?

A specs page covers what a platform will accept — resolution, length, file size. This covers what a platform's own interface covers up once your video is live — which is a placement problem, not a file problem, and the two require completely different fixes.

Is there one safe zone that works for every platform?

Roughly — the center band of the frame, both vertically and horizontally, clears both TikTok's and Reels' UI in most cases. Anything you can't afford to lose belongs there; anything placement-specific gets adjusted per export.

Can I use TikTok's UI elements as part of my creative, like a fake "like" button?

Not on TikTok's own ad placements. Reservation in-feed rules explicitly prohibit creative that mimics the TikTok interface, on top of a blanket no-watermark rule that includes TikTok's own logo.

Do burned-in captions need to move for every single platform?

For a full multi-platform push, yes — even a small vertical shift is usually enough, since the goal is just clearing whatever band that platform's UI occupies, not a full redesign of the caption style itself.

One master render, reframed per placement instead of redesigned per placement, is the whole trick. Build it once with Versely's AI reel maker, then run it through the resize and caption steps above before it ever reaches a real feed.