TikTok Video Safe Zone Dimensions & UI Overlays
Creating content for TikTok requires a mobile-first design strategy. Because vertical video runs inside a fullscreen interface, a substantial portion of the 1080×1920 viewport is covered by native UI components: profile icons, like buttons, comments count, audio descriptions, captions, and the bottom progress bar.
The Danger Zones: What to Avoid
If you place subtitles, core call-to-actions, or logo graphics inside the TikTok "Danger Zones", they will be obscured by interactive buttons. This leads to poor user engagement and can negatively impact deliverability as the algorithm penalizes hard-to-read text overlays.
- Top Danger Zone (0px - 140px): Obscured by search icons, "Following" / "For You" tabs, and the top system notch bar on iOS/Android. Keep branding and headers out of this margin.
- Right Danger Zone (800px - 1080px): Obscured by the creator profile bubble, the Heart button, Comment bubble, Save/Bookmark icon, and Share menu. Do not place text overlays on the right edge.
- Bottom Danger Zone (1400px - 1920px): Obscured by the username line, text caption descriptions (which can expand up to 4 lines), trending sound tags, and the timeline scrubbing bar. Keep main action hooks in the center.
The Ideal Safe Zone Box
To guarantee that your titles and overlays are 100% visible on every device, keep all key elements inside this coordinates box on a standard 1080×1920 screen:
- X Coordinates: 40px to 800px (leaves 280px safe margin on the right).
- Y Coordinates: 180px to 1400px (leaves safe margin top and bottom).