Telegram overlays its own interface on top of full-screen stories and video — progress bar and profile at the top, caption and action buttons at the bottom. This simulator shows those zones so you can keep faces, text, and your call to action where they stay visible.
How it works
Telegram renders stories and full-screen video on a 1080×1920 canvas and reserves the top and bottom strips for its UI. The simulator draws that canvas to scale, shades the reserved top and bottom regions using conservative pixel margins, and outlines the clear central safe zone in between. Anything you want guaranteed visible — headline text, logo, subject’s face, CTA — should sit inside the outlined area. The percentages shown are derived from the pixel margins so they hold whatever resolution you export at.
Tips and notes
Reserve roughly the top 250 px for the progress bar and profile chip and the bottom 320 px for the caption and reply/forward/share controls on a 1920 px-tall story. Because the overlay shifts by device, app version, and notch size, leave a little clearance beyond the shaded bands rather than butting content right up to the line. The same zones apply to video stories, so position any burned-in text or logos in your footage the same way.