A 9:16 video can have the correct dimensions and still be badly designed for social media.
The reason is simple: the full canvas is not the same as the usable canvas.
Instagram Reels, TikTok, YouTube Shorts, Stories, and vertical ads all place interface elements on top of the content. Captions, usernames, buttons, progress indicators, calls to action, and navigation controls occupy parts of the screen.
Those covered areas are why designers use safe zones.
A safe zone is the part of the creative where important information is least likely to be hidden, cropped, or made difficult to read by the platform interface.
This guide explains how safe zones work, why they differ between platforms, and how to build social creative that remains readable across devices and placements.
What is a social media safe zone?
A safe zone is a recommended area inside your image or video where critical content should remain.
Critical content includes things such as:
- headlines;
- subtitles;
- logos;
- prices;
- offer details;
- faces;
- product names;
- legal text;
- calls to action.
Decorative parts of the design do not need the same protection.
A background image can extend behind the like button. Your CTA should not.
That distinction is important because safe-zone design is not about putting the entire creative into a smaller rectangle. It is about protecting the parts that must remain visible.
Why safe zones exist
Social media platforms do not display your creative on an empty screen.
They add interface elements.
Depending on the platform and placement, those may include:
- profile photo and account name;
- captions;
- follow buttons;
- like, comment, share, and save buttons;
- audio information;
- progress bars;
- ad labels;
- CTA buttons;
- navigation;
- device-level interface elements.
On vertical video, much of this UI appears directly on top of the content.
That is why a perfectly centred design in Premiere Pro, After Effects, Canva, Figma, or Photoshop can feel badly positioned once it reaches a phone.
Same aspect ratio does not mean same safe zone
This is the most important concept to understand.
Instagram Reels, TikTok, and YouTube Shorts all commonly use 9:16 vertical video.
But that does not mean they have the same usable area.
The platform interfaces are different.
TikTok has a prominent vertical control column and caption area. Instagram Reels has its own controls and metadata. YouTube Shorts uses a different set of overlays and navigation elements.
So although the underlying video may be exactly the same size, the areas at risk are not identical.
This is why blindly exporting one 1080 × 1920 file and assuming it is equally safe everywhere can cause problems.
For more on this distinction, read Social Media Formats Explained: Feed, Story, Reel, Short, Ad.
Instagram Reels safe zones
Instagram Reels are full-screen vertical experiences, but the interface covers parts of the video.
Important information should be kept away from:
- the top UI area;
- the lower caption and metadata area;
- the right-side interaction controls;
- extreme left and right edges where cropping can become more noticeable.
Meta specifically recommends Reels creative that uses vertical 9:16 video and keeps key messages inside the safe zone. Meta also provides safe-zone checking resources for advertisers.
The practical design rule is straightforward:
Use the full 9:16 canvas for visuals, but keep the message in the central safe area.
What should stay protected on a Reel?
Keep these elements conservative:
- the hook;
- subtitles;
- product name;
- logo;
- price;
- promotion;
- CTA.
Background footage can run edge to edge.
If you want more detail on Reel composition, see How to Design for Instagram Reels.
Instagram Stories safe zones
Stories and Reels share a vertical canvas, but they are not identical experiences.
Stories have their own navigation and response interface, and advertisers may also introduce CTA elements.
When designing a Story:
- avoid placing a headline against the top edge;
- avoid putting a CTA directly against the bottom;
- keep important copy away from the side edges;
- check how stickers, polls, links, and other interactive elements affect the layout.
If you know a Story will include stickers, leave room for them from the start instead of adding them over finished artwork later.
TikTok safe zones
TikTok also strongly emphasises safe-zone-aware creative.
Its interface can cover:
- the right side with engagement controls;
- the lower portion with captions and metadata;
- areas near the top depending on viewing context.
TikTok’s own creative guidance advises advertisers to keep products and important creative elements inside the UI safe zone so the message is not obscured.
This matters even more when you use large on-screen text, because TikTok viewers often consume content quickly and may not pause to decipher copy that is fighting with the interface.
A practical TikTok composition
A useful starting point is:
- subject slightly left of centre rather than pushed to the right;
- headline in the upper-middle area;
- subtitles placed above the lower caption region;
- CTA positioned where it will not compete with the controls.
Do not treat those as permanent pixel measurements. Interface layouts evolve.
Use the Media Cheat Sheet as your final reference for current platform templates and dimensions.
YouTube Shorts safe zones
Shorts also use vertical video, but their interface is different from TikTok and Instagram.
The safest strategy is to assume that the edges are not ideal places for important information.
Keep:
- titles;
- subtitles;
- faces;
- product labels;
- UI mockups;
- demonstration details
toward the middle of the screen.
If the same video will be distributed across Reels, TikTok, and Shorts, the central region is the best common denominator.
That does not mean every asset should look identical on every platform. It means that the shared master should protect its critical message.
Safe zones for social ads
Ads deserve even more conservative design.
Organic content may only need to compete with platform controls. Ads can add:
- sponsored labels;
- CTA buttons;
- additional text;
- product information;
- disclosure elements;
- destination or commerce UI.
The same video may also be served in more than one placement.
This is why placement-specific ad creative usually performs better visually than a single universal file.
Meta explicitly connects safe-zone-aware vertical Reels creative with better ad outcomes. TikTok likewise recommends vertical creative with important content visible within its UI safe zone.
Safe zones are therefore not just a design preference. They are part of creative performance.
Safe zone vs crop zone
These terms are related but not identical.
A safe zone protects content from UI overlays.
A crop zone accounts for the possibility that the platform will show only part of the original canvas in another context.
For example, a vertical Reel can be seen:
- full-screen;
- in the feed;
- on a profile;
- as a cover;
- in another preview surface.
Your text may be safe from the Reel controls and still look bad when the video is shown in a different crop.
Good social design accounts for both.
Why pixel-perfect safe zones can become outdated
It is tempting to search for a single image that says:
Leave exactly X pixels at the top and Y pixels at the bottom.
Templates are useful, but they are snapshots of a platform at a point in time.
Interfaces change.
Platforms move controls, add buttons, change caption behaviour, test layouts, and introduce new ad units.
Device sizes also differ.
So use precise safe-zone templates as working tools, not eternal laws.
The more durable principle is:
Keep critical content away from high-risk UI areas and preview the final creative in its actual placement.
A better cross-platform workflow
If you produce vertical social video regularly, build a master 9:16 project with guides.
Create three conceptual areas:
1. Background zone
This can use the full frame.
Good candidates:
- video footage;
- photography;
- gradients;
- texture;
- decorative animation.
2. Safe content zone
This holds:
- headlines;
- subtitles;
- faces;
- logos;
- product details;
- core messaging.
3. Flexible platform zone
This is where you reposition or remove secondary elements depending on whether the export is for Reels, TikTok, Shorts, or an ad placement.
This approach is faster than redesigning from scratch while still respecting platform differences.
How to test a safe zone
Do not rely only on your design software.
Use a real preview workflow.
Step 1: Export the actual file
Do not test from a screenshot of the editor.
Step 2: Send it to a phone
Your desktop monitor is too forgiving. Social creative needs to work on the device where it will actually be consumed.
Step 3: View it at normal size
Do not zoom in.
Ask whether the message is readable immediately.
Step 4: Check the dangerous edges
Look at:
- top;
- bottom;
- right-side controls;
- caption area.
Step 5: Preview every important placement
If the asset will run as both a Reel and Story ad, check both.
If it will also become a TikTok, check that version separately.
Common safe-zone mistakes
Putting subtitles too low
This is probably the most common problem in vertical video.
Captions generated by the platform, post descriptions, and CTA areas may compete with your subtitles.
Move them up.
Putting the logo in a corner
Corners feel natural in traditional graphic design, but they are risky in full-screen social video.
A slightly more central logo often survives better.
Designing on desktop only
A 28-pixel line of text can look perfectly readable on a large monitor and disappear on a phone.
Using one safe-zone template forever
Templates need updating just like platform specifications.
Treating every element as equally important
Do not squeeze the whole design into a tiny central box.
Protect the hierarchy, not every decorative detail.
Safe zones and subtitles
Subtitles deserve special attention because they are both useful and easy to place badly.
A good subtitle treatment should:
- remain inside the safe area;
- use enough contrast;
- avoid very thin fonts;
- use sensible line lengths;
- avoid covering the subject’s face;
- leave room for platform-generated captions if both may appear.
If a platform will add automatic captions, decide whether your video also needs burned-in subtitles. Duplicating both can make the screen unnecessarily busy.
Safe zones and calls to action
For organic content, your CTA may simply be spoken or written into the video.
For ads, the platform may add its own button.
Avoid designing a large fake button that competes with the real one.
Instead, use your creative to prepare the action:
- “See the full collection”
- “Try it today”
- “Learn how it works”
Then let the platform CTA handle the actual tap target.
The simplest rule to remember
If you only remember one thing, make it this:
Use the entire canvas for visual interest, but keep important information away from the edges and platform UI.
That one habit prevents a large percentage of social creative problems.
For current platform dimensions and downloadable templates, check the Media Cheat Sheet before you export.