Safe zone

The concept comes from television, where “title safe” and “action safe” margins protected text from being cut off by old screens that cropped the picture. On short-form apps, the problem is different: the video is overlaid by interface elements. The right edge holds like, comment and share buttons; the bottom holds the account name, the post caption, the sound and the app’s navigation; the top can hold tabs or a search bar.

Each platform covers slightly different areas and redesigns its interface from time to time, so safe zones are approximate. A common approach is to design for the intersection: keep important content in the central area that none of the major apps cover.

An explainer depends on its text: titles, numbers, labels, captions. If the key number sits behind the like button or the punchline sits under the username, the video fails even if it’s beautifully animated. Designing to the safe zone is one of the simplest ways to make one video work on TikTok, Reels and Shorts at once.

It also matters for captions. Burned-in captions placed too low collide with the post caption overlay; placed too high, they cover the visuals.

A creator puts the main title at the very top of a 1080×1920 frame and a logo in the bottom-right corner. On TikTok, the logo disappears under the share button and the title sits near the top tabs. Moving the title just below the top band and the logo to the upper left, inside the central area, fixes both without changing the design.