X Vertical Video Safe Overlay

How does the X Vertical Video safe overlay work?

X Vertical Video is X's answer to the immersive, full-screen video feeds found on TikTok and Reels. It is accessed by tapping into any video in the timeline or through the dedicated video tab. Because it is an immersive experience, the UI overlays are much more dense and float directly over the creative. X users are traditionally more "text-focused" than TikTok users, so your visual communication must be exceptionally clear within the safe overlays.

X Vertical safe-overlay best practices

• Avoid the bottom 28%: The account handle, caption text, and the large white "Visit Site" CTA pill occupy significant space at the bottom of the screen. If you place subtitles or important logos here, they will be completely obscured.
• Clear the Right Rail: X places a vertical stack of 5 interaction icons (Heart, Reply, Repost, Bookmark, and Share) on the right side. Keep all critical text at least 14% away from the right edge to avoid visual clashing.
• Top Inset for Navigation: The "For You" and "Following" tabs at the top create a 14% danger zone. Avoid placing headlines or brand identifiers in this area as they will sit directly behind the system navigation.
• Hook Early: Just like other vertical feeds, the first 3 seconds are critical for user retention. X users are notorious for their high skip rates.

X vs. TikTok: The Interaction War

While the 9:16 format is identical, the user behavior on X differs from TikTok:

1. News-Driven Context: Users often go to X for real-time news or opinions. If your vertical video is purely promotional, it might feel out of place. Use your safe overlays to display "Breaking" headlines or data-driven text.
2. Dense UI: X's interaction icons are slightly larger and have more padding than TikTok's. Our tool accounts for this "UI density" to ensure your 14% right-side margin is truly safe.
3. The "Visit Site" Pill: Unlike the "Shop Now" buttons on other platforms, X's CTA pill is often stark white and opaque. It is a massive visual obstruction in the bottom-center.

The 1-Second Hook on X

On X, you don't even have 3 seconds—you have 1. To survive the swipe:

• High-Intensity Central Visuals: Start your video with a high-intensity visual right in the center 40% of the screen.
• Large, Bold Typography: Use larger font sizes (32px+) for your opening hook. Tiny text within the safe overlay might still be too small for a user who is rapidly swiping through a news feed.
• Motion Contrast: Use motion that moves from the edges toward the center to guide the user's eye away from the UI overlays and toward your message.

Technical Rendering for X Vertical

• Format: MP4 or MOV.
• Codec: H.264 or HEVC (H.265) for better quality-to-size ratio.
• Bitrate: Aim for 15-25 Mbps. X's compression can be aggressive, so starting with a high-quality source is essential.
• Resolution: 1080 x 1920 (9:16 aspect ratio).

Frequently asked questions

Is X Vertical different from a standard Tweet Video? Yes. A standard Tweet video is seen in the timeline (usually 1:1 or 16:9) with the tweet text above it. X Vertical is a full-screen, 9:16 immersive player where the UI is layered directly on top of the video itself.

Where does the CTA button go? In X Vertical, the CTA is a white or themed pill that floats at the bottom-center of the screen. It is highly prominent and can cover up subtitles, legal disclaimers, or lower-third graphics. Always design with a 28% bottom buffer.