TikTok Safe Zone Guide

Visualise TikTok's UI overlay safe zones before export

Overlay simulator showing where TikTok places its interface — progress bar, caption, action buttons, and profile chip — on the 1080 by 1920 frame, so you can confirm your captions, logos, and CTAs fall outside the dead zones. Runs in your browser.

What are TikTok's safe zones?

Safe zones are the regions of the screen not covered by TikTok's interface. TikTok overlays a progress bar, caption text, hashtags, a right-hand column of action buttons, and the profile chip on top of your video, so anything important must sit in the clear central area.

TikTok draws its interface — progress bar, caption, hashtags, action buttons, and profile chip — directly on top of your video. This guide visualises those overlay zones on the 1080 by 1920 frame so you can keep your captions, logos, and calls to action in the clear.

How it works

The simulator maps TikTok’s interface to fixed regions of the vertical frame and shades them as dead zones:

top margin    ≈ 140 px  (status / search bar)
right column  ≈ 100 px  (like, comment, share, profile)
bottom block  ≈ 320 px  (username, caption, hashtags, music)

Whatever remains unshaded is the safe area. Any text or graphic you need a viewer to read — a headline, subtitle, logo, or CTA — should sit entirely inside that central region.

Tips and notes

Bottom clearance matters most because the caption and username block is tall, and ads add a CTA button that extends it further. When designing an ad, leave extra room at the bottom. Exact pixels shift slightly by device, so when in doubt leave more clearance than the minimum. Export your video at 1080 by 1920 and overlay this map mentally — or screenshot it — to confirm nothing important falls behind the interface.