UGC text overlay guide: TikTok vs. Reels vs. Shorts
Platform-specific rules for text overlays and captions in UGC videos. Safe zones, font sizing, timing, and placement for TikTok, Reels, and Shorts.
I've reviewed hundreds of UGC deliverables inside Flare, and one of the most common reasons a brand asks for a reshoot has nothing to do with the performance, the script, or even the lighting. The text got buried under a platform UI element nobody accounted for. A creator spent two hours on a video, the hook copy disappeared under TikTok's like button, and the brand had to start over. That's a fixable problem — if you know the rules for ugc text overlay on TikTok, Reels, and Shorts before you export.
Each platform has a different UI layout, different safe zones, and different caption behavior. Treating them the same is how you create deliverables that look unprofessional the second they go live.
This is the tactical breakdown. No fluff.
Why ugc text overlay rules differ by platform
Short-form video is 9:16, sure. But the UI sitting on top of your footage is not the same across TikTok, Instagram Reels, and YouTube Shorts. Each platform overlays different buttons, labels, and interface chrome — and those elements eat into your visible canvas in different ways.
Mess this up and you lose two things simultaneously: the viewer's attention and the brand's trust in your work.
Here's what each platform is actually doing to your frame:
TikTok stacks a right-side button column (like, comment, share, save, audio icon) starting roughly 75% of the way down the screen and about 12–15% in from the right edge. The username, caption text, and audio label sit at the bottom left, occupying roughly the bottom 20–25% of the frame. The top ~8% is a thin status bar. That gives you a usable "sweet spot" in the center-left band of the frame.
Instagram Reels has a similar vertical button column on the right but pushes it slightly higher, and the bottom UI is arguably more aggressive — the caption preview, follow button, audio slug, and like/comment/share row together consume about 25–30% of your bottom real estate. If you're posting as a Reel (not as a Story), the bottom zone is no-go for anything critical.
YouTube Shorts is the most forgiving in some ways, but it introduces a unique problem: the subscribe button, like/dislike buttons, and comments icon are on the right side, and — unlike TikTok — the comment section can actually expand upward into your video when a viewer taps it. The bottom ~15% also gets the video title bar. Top and center-left are your safest bets.
These aren't small differences. If you're building one version and cross-posting, you're compromising on at least one platform. For UGC deliverables going into paid ads, this matters even more — see the full breakdown in TikTok vs. Reels vs. Shorts: UGC differences on each platform for how the platforms diverge beyond just captions.
Safe zone measurements you can actually use
Forget vague advice about "keeping text away from the edges." Here are the working numbers, based on a 1080×1920 frame.
TikTok safe zone
- Top safe area: Leave the top 70px clear (status bar + potential sponsored label)
- Bottom safe area: Keep all critical text above 1,440px from the top (so above roughly 75% down the frame)
- Right safe area: Keep text at least 180px from the right edge — the like/share column lives there
- Left safe area: 60px minimum from the left edge
- Sweet spot for on-screen text: Horizontal center, or upper-left quadrant, between 100px and 900px from the top
For hook text specifically — the copy that appears in the first 1–3 seconds — I recommend placing it in the center-third of the frame, vertically between 30% and 60% from the top. That's the zone that survives TikTok's UI regardless of whether it's organic or running as a Spark Ad. Speaking of which, if your deliverables are going into Spark Ads, read TikTok UGC: the complete platform playbook for creators — there's a section specifically on how the ad UI layers on top of your organic frame.
Instagram Reels safe zone
- Top safe area: 130px minimum (Instagram's top gradient and account handle)
- Bottom safe area: Keep critical text above 1,600px from the top (~83% down) — that bottom 17% is essentially owned by Instagram's UI in most placements
- Right safe area: 190px from the right edge
- Left safe area: 60px minimum
- Sweet spot for on-screen text: Center frame or upper-center, between 15% and 55% from top
Reels is particularly aggressive in the bottom-left because that's where the caption preview, audio name, and account handle all stack. If you're putting a CTA or a product claim down there, it will get covered. Every time.
YouTube Shorts safe zone
- Top safe area: 100px (Shorts UI bar is a bit thicker at the top on Android)
- Bottom safe area: Keep critical text above 1,700px from the top (~88% down); the video title + channel name bar eats into this zone
- Right safe area: 190px from right edge
- Left safe area: 60px minimum
- Sweet spot for on-screen text: Center-left, between 10% and 70% from top — Shorts gives you slightly more vertical range than the other two
One Shorts-specific issue: the comments expansion. Viewers can pull up the comment drawer mid-video and it overlays the bottom 40–50% of your frame. You obviously can't control that in editing, but it's a reason to front-load your most important on-screen text in the first few seconds when viewers are less likely to be commenting.
Font size, weight, and styling by platform
Safe zones tell you where to put text. But font choices tell you whether anyone can read it.
Minimum font sizes
For a 1080×1920 frame, I'd never go below these:
- Body/supporting text: 52–60pt equivalent in CapCut or your editor of choice
- Hook headline text: 72–90pt — this needs to punch from a thumbnail
- CTA text: 60–72pt
TikTok's native auto-captions render at roughly 50–55pt. If your baked-in captions are smaller than that, they're going to look like an afterthought next to the platform's own text.
Font weight
Bold or semi-bold only for anything important. Thin fonts disappear on busy footage backgrounds. If you're putting text over moving video (not a solid-color card), add a text shadow, a dark semi-transparent background box, or a stroke. All three are available in CapCut in about 10 seconds.
Meta's own Creative Guidance for Reels explicitly recommends high-contrast text placement, and TikTok's Creator Academy data shows that videos with clearly readable on-screen text consistently outperform those without in watch-time retention metrics. Readability isn't aesthetic — it's performance.
Platform-specific font tone
This is subtle but real. TikTok rewards fonts that feel native — chunky, bold, slightly casual. Thin editorial fonts read as ads immediately and tank organic reach. Reels has more tolerance for polished typography given Instagram's design-forward audience. Shorts is somewhere in the middle; YouTube's audience skews toward information density, so two-line overlays that quickly convey value work well there.
I go deeper on how TikTok's algorithm responds to aesthetic signals in How TikTok's algorithm surfaces UGC for organic reach — the font-nativeness thing is real and shows up in distribution data.
Caption timing: when on-screen text should appear and disappear
Most creators get placement right and timing wrong. Text that lingers too long looks lazy. Text that flashes too fast loses accessibility and comprehension.
The 2-second rule: Any on-screen text caption should be visible for at least 2 seconds, or long enough for an average reader to finish reading it, whichever is longer. For a 5-word headline, 2 seconds is fine. For a 12-word supporting statement, give it 3.5–4 seconds.
Hook text: Should appear within the first 0.5 seconds of the video — ideally already on screen at frame one. This is the text that pulls the viewer from mid-scroll into your content. If it fades in at second 2, you've already lost a significant chunk of your audience. Check TikTok UGC hook examples: nail the first 3 seconds for specific examples of how the best hooks use text as a scroll-stopper, not a decoration.
Auto-captions vs. baked-in captions: For TikTok and Reels, you have two options — bake word-by-word captions into your export, or let the platform generate auto-captions. My preference: bake them in when you want control over style, placement, and timing. Rely on auto-captions only when the brief explicitly says "clean" version with no overlays (common for whitelisting deliverables where the brand wants to add their own text post-upload).
Shorts captions: YouTube Shorts has auto-captioning that's frankly very good now, but it renders at the bottom of the frame — inside your danger zone. For UGC deliverables, I recommend baking clean word-by-word captions at the upper-center of your frame so brands can use the video with confidence.
The "clean version" problem
Brands running paid ads — especially for TikTok Spark Ads or Meta Reels placements — often want a "clean" version of your deliverable: no baked-in captions, no on-screen text, just the raw footage with audio. This is so their media team or agency can add platform-native text, localize for different markets, or A/B test different overlays.
Always deliver both. A captioned version and a clean export should be standard in every UGC package you send. If your brief doesn't mention it, ask before you film — not after. See Creative brief examples for UGC hook A/B testing to understand why brands often need that flexibility built in from day one.
If you're charging per deliverable, the clean version counts as a separate deliverable. It's additional editing work and additional file management. Price it that way.
Accessibility is not optional
Open captions (baked-in) make your UGC content accessible to deaf and hard-of-hearing viewers and to the massive segment of people watching with sound off — which is still a majority of mobile video consumption on Reels and Shorts. Studies from Verizon Media found 69% of consumers watch video without sound in public places.
On TikTok the sound-off number is lower because the platform's autoplay-with-sound default keeps more audio on, but it's still a significant minority. Don't skip captions thinking the voiceover covers it. It doesn't.
This also directly affects your TikTok UGC video length decisions — a longer video with no captions will lose sound-off viewers fast.
Frequently Asked Questions
Where should I place text overlays on TikTok to avoid the UI?
Are the safe zones different for Instagram Reels vs. TikTok?
Should I bake captions into my UGC video or let the platform auto-generate them?
What font size should I use for on-screen text in UGC videos?
Does YouTube Shorts have different safe zones than TikTok and Reels?
Do I need to deliver a clean version and a captioned version for every UGC brief?
Related reading
- TikTok UGC: the complete platform playbook for creators
- TikTok vs. Reels vs. Shorts: UGC differences on each platform
- TikTok UGC hook examples: nail the first 3 seconds
- How TikTok's algorithm surfaces UGC for organic reach
- TikTok UGC video length: what actually performs in 2025
- Creative brief examples for UGC hook A/B testing
On this page
- Why ugc text overlay rules differ by platform
- Safe zone measurements you can actually use
- TikTok safe zone
- Instagram Reels safe zone
- YouTube Shorts safe zone
- Font size, weight, and styling by platform
- Minimum font sizes
- Font weight
- Platform-specific font tone
- Caption timing: when on-screen text should appear and disappear
- The "clean version" problem
- Accessibility is not optional
- Related reading