Safe margin guidelines for TikTok text overlays exist for one reason: TikTok's interface sits on top of your video, not beside it. The caption bar, profile name, like and share buttons, and the music disc all live inside the same 1080×1920 canvas as your creative. If your hook text or call-to-action sits where any of that UI lands, it gets covered, cropped on some devices, or crammed next to a button in a way that looks sloppy. This guide gives you the margins to design around, a breakdown of exactly where TikTok's UI sits, and a workflow you can reuse on every ad.
Why text overlay placement breaks more ads than bad copy
A text overlay can have the sharpest hook on the platform and still underperform if a share icon sits on top of the first three words. This is the most common, most fixable mistake in TikTok ad creative: the message is right, the placement is wrong. Unlike a website banner, a TikTok video is viewed inside an app shell that the creator doesn't control. Buttons, usernames and caption text are rendered by the app over your video, and that layer moves slightly depending on whether someone is watching an organic post, a Spark Ad, or a straight in-feed ad.
Safe margins are the practical fix. They're not a hard technical limit enforced by TikTok's upload tool — your video will still upload and play if text touches the edge. What a safe margin actually protects is readability and perceived polish once real UI elements land on top of your frame on a real phone.
TikTok safe margin guidelines for text overlays: the numbers to start from
On a standard 1080×1920 (9:16) canvas, treat these as starting points to test rather than fixed rules, since TikTok's UI can shift slightly by app version, region and ad format:
- Top margin: keep headline text, logos and hooks at least 200-230px from the top edge. This clears the username/profile row and any status bar overlap on newer devices.
- Bottom margin: leave 250-320px clear at the bottom. This is the densest UI zone — caption text, hashtags, music title, and (on ads) the CTA button and disclosure text all stack here.
- Right margin: keep text and important visuals at least 120-150px from the right edge. Like, comment, bookmark, share and profile-picture icons run down this column.
- Left and center: the left two-thirds of the frame is generally the safest working area for your main message, especially in the middle 60% of the frame vertically.
If you're designing at a different resolution, convert these to percentages rather than fixed pixels: roughly 10-12% from the top, 13-17% from the bottom, and 7-8% from the right edge. Scale from there and verify on an actual phone preview, not just a desktop editor.
Why these numbers are ranges, not a single line
TikTok's own auto-captions, the platform's native in-feed UI, and a brand's own ad frame (with a CTA button) don't all sit in exactly the same place. A link-click ad with a visible button at the bottom needs a slightly larger bottom margin than an organic-style post with no button at all. Treat the ranges above as the zone to stay out of, then check your specific ad format before finalizing.
Where TikTok's UI elements actually sit
It helps to think of the frame in zones rather than exact lines. Here's a practical map for a 1080×1920 canvas.
| Screen zone | Approx. area on 1080x1920 | What usually lives there |
|---|---|---|
| Top band | 0-230px from top | Status bar, profile name/handle, 'Sponsored' or 'Ad' label |
| Right column | Last 120-150px of width | Like, comment, share, bookmark, profile picture, music disc |
| Bottom band | Last 250-320px of height | Caption text, hashtags, song title, CTA button on ads, disclosure text |
| Center-safe zone | Middle 60-70% of width and height | Safest area for hooks, key product shots, and primary CTAs |
This is the same logic covered in more visual detail in our breakdown of safe zone guidelines for TikTok ads, which maps out the full UI layer rather than text specifically. If you're also running the same creative on Instagram, the zones differ enough that it's worth checking the separate safe zone guidelines for Instagram Story ads before you reuse a file as-is.
A step-by-step workflow for placing text inside safe margins
- Start with a 1080×1920 canvas at 30fps, matching the aspect ratio TikTok expects. If you're unsure why this specific ratio matters, our guide to the ideal aspect ratio for TikTok video ads explains the trade-offs of going slightly off-ratio.
- Draw four guide boxes before you add any text: a 200-230px top band, a 250-320px bottom band, a 120-150px right column, and treat everything else as workable space.
- Place your hook text first, since it's the highest-stakes line. Keep it inside the center-safe zone, large enough to read on a small screen, and never touching the right column.
- Add your CTA or offer text last, and push it slightly higher than you think you need to if the ad format includes a visible CTA button — that button claims real space at the bottom.
- Export a still frame at the 1-second mark, the midpoint, and the final frame. Overlay a rough UI mockup (or compare against a real TikTok post) to sight-check that nothing collides.
- Preview on an actual phone, not just a laptop screen. Font sizes that look fine on a 24-inch monitor can crowd the margins once scaled down to a 6-inch display.
- If the ad will run as a Spark Ad boosting an organic post, double-check margins again — Spark Ads inherit the organic post's caption and UI placement, which can sit differently than a standard in-feed ad. Our notes on max video duration for TikTok Spark Ads cover a few other format quirks specific to that ad type.
Common text overlay mistakes that break safe margins
- Centering text dead-center vertically without accounting for the bottom caption band — the text looks centered in the editor but reads as pushed-down on a real phone.
- Placing a logo or badge in the bottom-right corner, which is almost always covered by the profile picture or music disc icon.
- Using word-by-word captions that are sized correctly for the top two-thirds of the frame, then letting the last line drift into the bottom 300px during a long sentence.
- Designing the ad once at desktop resolution and never re-checking after resizing — safe margins scale with the frame, and small rounding errors compound at the edges.
- Forgetting that a CTA button added by the ad platform itself (not your overlay) can sit directly under or over text you placed assuming a blank bottom edge.
Adapting safe margins for Spark Ads, Reels and Shorts
Safe margins aren't identical across every vertical video surface, even though the canvas size (1080×1920) is usually the same. A text block that clears TikTok's UI cleanly can still collide with Instagram Reels' comment count, YouTube Shorts' subscribe button, or Facebook Reels' share row, because each app places its icons slightly differently.
The safest approach when one video is going to run across multiple surfaces: design to the tightest margins among the platforms you're targeting, not the loosest. In practice that usually means keeping the top 230px, bottom 320px and right 150px clear everywhere, and treating anything inside the remaining center zone as fair game. It's a small amount of extra caution that saves you from producing separate cuts for every placement.
How FrameNotion keeps text overlays inside safe margins
FrameNotion is built around this exact problem. You paste a product or website link, and FrameNotion AI writes and renders a 30-second vertical ad — 1080×1920, 30fps — with the hook, problem, benefit, proof, offer and call-to-action text already placed with TikTok's UI in mind, rather than dropped in afterward. Because the AI checks its own rendered frames before finishing the video, it catches the kind of collision described above — a hook sitting too close to the right-side icons, or a CTA crowding the bottom caption band — before you ever see the output.
If you want to see what that looks like on finished creative, the example ads page has a range of finished outputs, and how FrameNotion works covers the rest of the process, including the logo, product image and offer-note uploads that feed into the text itself. Every ad also exports as 4:5, 1:1 and 16:9, so you're not re-doing the safe-margin check by hand for every placement — though it's still worth a final phone preview before you launch, since no automated check replaces a quick real-device look.
If you're producing a lot of creative and re-checking margins by hand is eating your week, that's the part worth automating first.
Frequently asked questions
Does TikTok enforce safe margins when you upload a video?+
No. TikTok will accept and play a video with text touching any edge of the frame. Safe margins aren't a technical upload requirement — they're a design practice to keep your text readable once the app's own UI (profile name, icons, captions) renders on top of your video.
Do safe margins change for square or landscape TikTok posts?+
The guidance in this article is for the standard 9:16 vertical format most TikTok ads use. If you run a square (1:1) or landscape (16:9) version, TikTok pads the frame with bars rather than stretching the UI, so recalculate margins based on where the visible video actually sits inside that padded frame.
How much text can fit inside the safe zone on a 30-second ad?+
There's no fixed limit, but readability drops fast once a single line of overlay text runs much past the center-safe width. A practical starting point is to test short phrases (roughly 4-7 words per line) sized large enough to read at a glance, rather than paragraphs.
Should captions and overlay text use the same safe margins?+
Treat them as two layers that both need to respect the bottom band. Auto-generated captions typically sit near the bottom of the frame, so any overlay text you add separately should sit higher, in the center-safe zone, to avoid overlapping or competing with the caption line.
Do safe margins matter for organic TikTok posts, not just ads?+
Yes. The UI elements that cover text — profile name, like/share icons, caption bar — are the same whether a video is organic or paid. Ads add a few extra elements, like a CTA button or sponsored label, which is why ad creative generally needs slightly larger margins than organic posts.