TikTok Safe Zone Grid
Verified pixel-perfect safety margins for the 2026 TikTok Mobile UI overlay.
| Screen Section | Y-Axis Pixels | Visibility |
|---|---|---|
| Top Header (Live/FYP/Search) | 0 - 200 px | Danger (UI Overlap) |
| Upper Content Safe Zone | 200 - 600 px | Safe for Titles |
| Core Visual Focus | 600 - 1400 px | Optimal Visibility |
| Sidebar Icons (Right) | Inner 190 px | Danger (Buttons) |
| Bottom Caption & Audio | 1400 - 1920 px | Danger (Text Block) |
Coordinate Grid (Evergreen)
Resolution: **1080 x 1920 px** (9:16 Aspect Ratio)
- Top Margin: Keep all vital info below 200px.
- Right Margin: Keep text at least 190px from the right edge.
- Left Margin: Keep text at least 40px from the left edge.
- Bottom Margin: The bottom 520px is a high-risk area.
RefGrids Insight: TikTok’s interface shifts slightly based on device aspect ratios (like the iPhone 16 Pro Max). Always prioritize the center 1080x1350 area to ensure 100% compatibility across all mobile screens.