You spend hours perfecting your vertical video—carefully placing text overlays, positioning your subject, adding a call-to-action button. Then you upload it to TikTok, Instagram Reels, or YouTube Shorts, and half your content is covered by UI elements, profile pictures, or like buttons. Your text is unreadable. Your CTA is hidden. Your subject's face is cut off.

This happens because each platform has interface elements that appear on top of your video. If you do not account for these safe zones, your content gets blocked. This guide shows you exactly where to place text, faces, and important elements so they stay visible on every device and every platform.

What Are Safe Zones and Why Do They Matter?

Safe zones are the areas of your video frame where content will not be covered by platform UI elements like buttons, captions, profile pictures, or navigation bars. Different platforms place these elements in different locations, and different devices have different screen sizes and notches that can obscure content.

If you ignore safe zones, you risk:

• Text getting covered by like buttons or share icons
• Faces being cut off by profile pictures or usernames
• CTAs being hidden by comment sections
• Important content disappearing behind device notches or home buttons
• Lower engagement because viewers cannot read your message

Standard Vertical Video Dimensions

Before we dive into safe zones, here are the standard dimensions for vertical video:

• Resolution: 1080×1920 pixels (9:16 aspect ratio)
• Alternative: 2160×3840 pixels (4K vertical)
• Frame rate: 30fps or 60fps

All measurements in this guide are based on the 1080×1920 standard, but the percentages apply to any vertical resolution.

TikTok Safe Zones

TikTok has one of the most complex UI layouts with multiple elements covering your video:

Top Safe Zone

Keep clear: Top 150 pixels (approximately 8% from the top)

Why: This area contains the "Following" and "For You" tabs, which cover text and graphics

Additional consideration: Device notches can extend this zone by another 50-100 pixels depending on the phone

Bottom Safe Zone

Keep clear: Bottom 250 pixels (approximately 13% from the bottom)

Why: Username, caption text, audio information, and share button appear here

Critical: If you enable auto-captions, they can extend up to 350 pixels from the bottom

Right Side Safe Zone

Keep clear: Right 120 pixels (approximately 11% from the right edge)

Why: Profile picture, like button, comment button, share button, and more options are stacked vertically here

Action zone: This is the most interactive area—never place important content here

Left Side Safe Zone

Keep clear: Left 50 pixels (approximately 5% from the left edge)

Why: General padding for readability and occasional UI elements

TikTok Optimal Content Area

Safe zone dimensions: 910×1520 pixels centered in the 1080×1920 frame

Percentage: Keep all critical content within the center 84% width and 79% height

Instagram Reels Safe Zones

Instagram Reels has a cleaner interface but still requires safe zone awareness:

Top Safe Zone

Keep clear: Top 100 pixels (approximately 5% from the top)

Why: Device status bar and occasional Instagram header

Bottom Safe Zone

Keep clear: Bottom 300 pixels (approximately 16% from the bottom)

Why: Username, caption, audio, like, comment, share, and send buttons appear here

Extended zone: When users tap to read the full caption, it can extend up to 500 pixels

Side Safe Zones

Keep clear: 60 pixels on both left and right sides (approximately 6% from each edge)

Why: General padding and readability, especially on devices with curved screens

Instagram Reels Optimal Content Area

Safe zone dimensions: 960×1520 pixels centered in the 1080×1920 frame

Percentage: Keep all critical content within the center 89% width and 79% height

YouTube Shorts Safe Zones

YouTube Shorts has the most generous safe zones but still requires planning:

Top Safe Zone

Keep clear: Top 120 pixels (approximately 6% from the top)

Why: Device notch and occasional YouTube branding

Bottom Safe Zone

Keep clear: Bottom 200 pixels (approximately 10% from the bottom)

Why: Channel name, subscribe button, like, dislike, comment, and share buttons

Note: YouTube Shorts has the least intrusive bottom UI compared to TikTok and Reels

Side Safe Zones

Keep clear: 50 pixels on both left and right sides (approximately 5% from each edge)

Why: General padding and device compatibility

YouTube Shorts Optimal Content Area

Safe zone dimensions: 980×1600 pixels centered in the 1080×1920 frame

Percentage: Keep all critical content within the center 91% width and 83% height

Universal Safe Zone Guidelines

If you want one set of safe zones that works across all platforms, use these conservative measurements:

Universal Safe Zone

Top: 150 pixels from top (8%)

Bottom: 350 pixels from bottom (18%)

Left: 80 pixels from left (7%)

Right: 150 pixels from right (14%)

Universal Optimal Content Area

Dimensions: 850×1420 pixels centered in frame

Visual guide: Keep everything important within the center 79% width and 74% height

This zone works for: TikTok, Instagram Reels, YouTube Shorts, Snapchat Spotlight, Facebook Reels

Where to Place Different Elements

Here is exactly where each type of content should go:

Text Overlays and Captions

Optimal placement: Upper third or center of the screen

Specific range: 200-600 pixels from the top

Avoid: Bottom 400 pixels (covered by UI), top 150 pixels (device notches)

Font size: Minimum 60-80pt for readability on mobile screens

Background: Always add a background box, outline, or shadow for contrast

Faces and Subjects

Optimal placement: Center the face between 400-1200 pixels from the top

Headroom: Leave 200-300 pixels above the head

Avoid: Placing faces in the bottom third where they can be covered by captions or profile pictures

Rule of thirds: Position eyes at approximately 600-700 pixels from the top for a natural look

Call-to-Action (CTA) Buttons

Optimal placement: Upper-middle section, 300-600 pixels from the top

Secondary placement: Center of screen if bottom is too crowded

Avoid: Bottom 350 pixels and right 150 pixels

Size: Large enough to be tappable (minimum 120×60 pixels)

Logos and Watermarks

Optimal placement: Top left corner, 150-200 pixels from top, 80-100 pixels from left

Alternative: Top center, 150 pixels from top

Avoid: Bottom right (covered by interaction buttons), bottom left (covered by username)

Opacity: 70-80% transparency so it does not distract from content

Product Showcases

Optimal placement: Center of frame, 500-1200 pixels from top

Keep visible: Entire product should fit within universal safe zone

Text placement: Product name/price in upper third (200-500 pixels from top)

Website URLs and Social Handles

Optimal placement: Top center or upper third, 200-400 pixels from top

Alternative: Bottom center if using platform captions, 350-500 pixels from bottom

Avoid: Bottom corners where UI overlaps

Device-Specific Considerations

Different devices have different screen characteristics that affect safe zones:

iPhone with Notch (iPhone X and newer)

Top safe zone: Add an extra 100 pixels (total 250 pixels from top)

Bottom safe zone: Add an extra 50 pixels for home indicator

Affected models: iPhone X, XS, XR, 11, 12, 13, 14, 15 series

iPhone with Dynamic Island (iPhone 14 Pro and newer)

Top safe zone: Keep clear up to 250 pixels from top

Center avoidance: Content behind Dynamic Island may be partially obscured

Android with Punch-Hole Camera

Top safe zone: Add an extra 80 pixels (total 230 pixels from top)

Side consideration: Some devices have corner or side cameras—keep 100 pixels clear from corners

Android with Notch

Top safe zone: Add an extra 100 pixels (total 250 pixels from top)

Varies by manufacturer: Samsung, OnePlus, Xiaomi all have different notch sizes

Tablets and iPads

Note: Most vertical videos are viewed on phones, but if targeting tablets, test your content on larger screens where safe zones become more pronounced

How to Add Safe Zone Guides in Editing Software

Most professional editing tools let you add safe zone overlays:

Adobe Premiere Pro

• Go to View → Show Title Safe Margins
• Or create custom guides: Right-click the program monitor → Rulers
• Drag guides from rulers to mark safe zones
• Create a colored matte layer as a visual guide (delete before export)

Final Cut Pro

• Go to View → Show Title Safe Zones
• Or use Guides Overlay from the viewer menu
• Create custom generators with colored rectangles to mark danger zones

DaVinci Resolve

• Go to Playback → Safe Area → Custom
• Set custom percentages based on platform requirements
• Enable guides in the viewer for reference during editing

CapCut

• No built-in safe zone guides, but you can import a PNG overlay
• Create a semi-transparent safe zone template in Photoshop or Canva
• Import as an overlay layer, then hide before exporting

After Effects

• Go to View → Show Guides
• Create custom guides with Ruler tool
• Use shape layers with low opacity to mark danger zones

Creating Safe Zone Templates

You can create reusable safe zone templates to speed up your workflow:

Method 1: PNG Overlay Template

• Create a 1080×1920 canvas in Photoshop or Figma
• Draw colored rectangles to mark danger zones (red for off-limits, yellow for caution)
• Set opacity to 30-50% so you can see through it
• Export as PNG with transparency
• Import into your video editor as a reference layer

Method 2: Grid System

• Divide your canvas into thirds horizontally and vertically
• Mark the center area as the primary safe zone
• Color-code areas: Green (always safe), Yellow (sometimes covered), Red (avoid)

Method 3: Dynamic Adjustment Layer

• Create an After Effects composition with animated safe zone guides
• Add text that shows pixel measurements
• Render as a video file and use as an overlay in any editor

Testing Your Videos Across Platforms

Before publishing, always test your videos on actual devices:

Pre-Upload Testing

• AirDrop or transfer the video to your phone
• View it in your phone's native video player
• Check if text is readable and faces are visible
• Test on multiple device sizes if possible

Post-Upload Testing

• Upload to TikTok as a private video first
• Check how UI elements overlap your content
• Test with captions enabled and disabled
• View on different devices (iPhone, Android, tablet)

A/B Testing

• Create two versions: one with text in the upper third, one in the center
• Post to different platforms and compare engagement
• Track which placement gets better retention and completion rates

Platform-Specific Safe Zone Charts

Common Safe Zone Mistakes

Placing text too low: The bottom third is the most dangerous area. Always move text to the upper half.

Ignoring device notches: What looks fine on your screen might be cut off on an iPhone with a notch.

Forgetting about captions: Platform-generated captions can cover your manually added text.

Using small fonts: Text that is readable on a computer screen may be too small on a phone.

Not testing before posting: Always preview your video on the actual platform before making it public.

Centering everything: Just because the center is safe does not mean it is the best place for all content.

Assuming safe zones are universal: Each platform has different UI layouts—plan accordingly.

Best Practices for Safe Zone Compliance

• Design for mobile first: Always preview on a phone screen, not a computer monitor
• Use contrasting colors: White text on light backgrounds disappears—add outlines or shadows
• Keep it simple: Fewer elements mean less risk of overlapping with UI
• Build in extra padding: Go beyond the minimum safe zone for a cleaner look
• Test with captions on: Enable auto-captions to see how they affect your layout
• Use animation wisely: Moving text can exit safe zones—preview the entire animation
• Account for aspect ratio variations: Some devices crop slightly differently
• Save templates: Create presets in your editing software for consistent safe zone compliance

Safe Zone Checklist

Before exporting your vertical video, verify:

• All text is at least 200 pixels from the top and 350 pixels from the bottom
• Faces are centered vertically and not in the bottom third
• CTAs are visible and not covered by UI elements
• Logos and watermarks are in the top left, at least 150 pixels from edges
• No critical content is within 150 pixels of the right edge
• Font sizes are 60pt or larger for readability
• Text has sufficient contrast with the background
• You have tested the video on an actual phone

Advanced Techniques: Dynamic Safe Zones

Some creators use advanced techniques to work around safe zone limitations:

Animated Text That Moves

Text starts in a safe zone, then animates to different positions as the video progresses. This keeps it away from UI elements while adding visual interest.

Split-Screen Layouts

Divide the screen into sections, placing important content in the safe upper and middle areas while using the bottom for b-roll or background footage.

Interactive Elements

Design your content to work with platform UI—for example, placing a question at the top and encouraging viewers to comment (which naturally brings attention to the comment button).

Platform-Specific Versions

Create slightly different versions for each platform, optimizing text placement based on each platform's specific UI layout.

FAQs

What are safe zones in vertical video? Safe zones are areas of the screen where content will not be covered by platform UI elements like buttons, captions, or profile pictures. They ensure your text and faces stay visible.

Do I need different safe zones for TikTok, Reels, and Shorts? Yes, each platform has slightly different UI layouts. However, you can use a universal safe zone that works across all platforms if you want to use the same video everywhere.

How far from the bottom should my text be? Keep all text at least 350 pixels from the bottom (about 18% of the frame) to avoid being covered by captions, usernames, and interaction buttons.

Why is my text covered by the profile picture? Profile pictures typically appear in the bottom left. Keep text at least 400 pixels from the bottom and 100 pixels from the left edge to avoid overlap.

Can I place text in the bottom third if I disable captions? Even without captions, platform UI elements (like share buttons and usernames) still appear in the bottom third. It is safer to keep text in the upper two-thirds.

How do I create safe zone guides in my video editor? Most professional editors (Premiere Pro, Final Cut Pro, DaVinci Resolve) have built-in title safe guides. You can also create custom PNG overlays to use as reference layers.

What happens if my content goes outside the safe zone? It may be partially or fully covered by UI elements, making it unreadable or invisible. This reduces engagement and can hurt your video's performance.

Understanding and respecting safe zones is essential for creating professional vertical videos that look great on every device and every platform. By keeping your text, faces, and CTAs in the right places, you ensure that your audience sees everything you want them to see—no matter where they are watching.