Learn
How do you avoid TikTok UI covering captions and CTAs?
How do you avoid TikTok UI covering captions and CTAs?
Avoid TikTok UI covering captions and CTAs by treating bottom and right chrome as occupied on 9:16. Captions, CTAs, and discount text centered like a Premiere title will sit under buttons and description. This is layout, not a published overlay rule. Keep critical type out of those danger zones; eonik applies safe zones from your kit; you still preview before upload.
The steps
01
Audit Your Current Creative
Open your top 5 performing vertical ads on a physical mobile device. Check if the native UI obscures any crucial information.
02
Ditch the PNG Overlays
Stop forcing your editors to manually check their timelines against static PNG files of the TikTok interface. It is inefficient and error-prone.
03
Establish a Centralized Brand Kit
Define your core fonts, weights, and colors in a programmatic assembly tool. Establish the global padding rules for the safe zones.
04
Automate the Layout Engine
When generating new ad iterations, input the raw text strings. Allow the assembly engine to calculate the bounding boxes and automatically place the text in the true center of the safe zone.
05
Multi-Export by Platform
Render specific files tagged for TikTok, Reels, and Shorts, knowing that the engine has applied the precise UI padding required for each specific network.
How do you avoid TikTok UI covering captions and CTAs?
Avoid TikTok UI covering captions and CTAs by treating bottom and right chrome as occupied on 9:16. Captions, CTAs, and discount text centered like a Premiere title will sit under buttons and description. This is layout, not a published overlay rule. Keep critical type out of those danger zones; eonik applies safe zones from your kit; you still preview before upload.
Where UI usually sits
Bottom description and username block lower type. Right-side engagement buttons cover mid-right. Top tabs can clip headlines. Exact pixels change; the rule does not: never put the only CTA in those regions.
Reels chrome is related but not identical. Preview per surface. Do not trust a naked 9:16 canvas.
Do this in order
Do a safe-zone pass on every 9:16 export, including auto-reframes.
- 1. Place captions and CTA in the clear middle-left / upper-middle band.
- 2. Preview with TikTok/Reels chrome in mind, not a naked 9:16 canvas.
- 3. Keep legal and offer text readable sound-off.
- 4. Export from eonik with brand kit; visually check one frame before batch upload.
What still breaks after a safe-zone pass
Auto-reframe from a 16:9 timeline can drag type back into chrome. Center-crop is not a composition.
Platforms change UI. Preview on device. Kit safe zones are a starting rule, not a lifetime guarantee.
What usually breaks
- Trusting center-crop auto-reframe from a 16:9 timeline.
- Putting the only offer code on the bottom fifth of the frame.
- Skipping preview because “it was fine on Meta.”
When the readout is fatigue, hook rate, or velocity, the next move is consider what to make. Then make the cut in eonik and approve it. The loop is how to generate AI ads. It never touches spend.
“Almost any question can be answered, cheaply, quickly, and finally, by a test campaign. And that’s the way to answer them, not by arguments around a table.”
That principle still holds. The next on-brand cut is yours to approve.
Sources
Questions
How do you avoid TikTok UI covering captions and CTAs?
Keep critical type out of the bottom description block and the right-side buttons on 9:16. Exact pixels change; the rule does not. Place captions and CTA in a clear middle-left or upper-middle band. Preview with TikTok chrome in mind, not a naked canvas; Apply brand-kit safe zones, then check one frame on device before batch upload; This is layout, not a published overlay percentage.
Does TikTok publish exact safe-zone pixels?
UI shifts. Treat bottom and right as occupied. Preview on device. Do not rely on a single blog’s overlay as law; There is no official pixel table worth treating as permanent; Reels chrome is related but not identical, so do not assume a Meta-safe caption is TikTok-safe; Keep legal and offer text readable sound-off outside danger zones.
Will eonik guarantee no occlusion?
No. It applies safe zones from your kit on the Mac export. You still preview. Platforms change chrome; Auto-reframe from a 16:9 timeline can drag type back under buttons; Check one frame before batch upload; eonik is assembly with kit memory, not a lifetime UI insurance policy; You own the last look before TikTok sees the file.
Free, no card · macOS 15+ · Apple silicon