Instagram Safe Zone Guide

Visualise Instagram's UI overlay safe zones before export.

Overlay simulator showing where Instagram places UI elements (progress bars, buttons, profile chips, captions) so you can confirm your content's key elements fall outside the dead zones.

Where are Instagram's story safe zones?

On a 1080 by 1920 story, keep important content out of the top 250 pixels (profile chip and progress bars) and the bottom 250 pixels (reply bar and caption). The central rectangle is the reliable safe area.

Instagram layers its own buttons, progress bars, and captions over your story and reel, and anything you place in those zones gets covered. This guide renders the 1080 by 1920 canvas with the UI dead zones marked so you can confirm your logo, text, and call to action all sit in the safe area before you export.

How it works

The simulator uses Instagram’s documented overlay regions, expressed as percentages of the 1080 by 1920 frame:

  • Story: top ~13% (profile chip and progress bars) and bottom ~13% (reply bar) are unsafe.
  • Reels: top ~14%, bottom ~20%, and the right ~10% (action buttons) are unsafe.

The remaining central rectangle is highlighted as the safe zone. The tool also prints the exact pixel margins so you can add guides to your design file.

Tips and notes

Treat the safe rectangle as a hard boundary for anything that must be read: brand logos, headlines, prices, and calls to action. Decorative backgrounds can bleed to the edges freely. For reels specifically, push captions and key text away from the bottom-right corner, where the audio chip and action stack live. When in doubt, leave a little extra breathing room — phones with tall notches eat into the top margin more than the conservative default.