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.