Snapchat’s interface sits on top of your full-screen creative, and anything you place under the progress bars, action buttons, or caption block disappears behind the UI. This guide renders the real overlay regions on a scaled 1080 by 1920 frame so you can confirm every logo, subtitle, and call-to-action lands in the visible safe area before you export.
How it works
The simulator draws each UI region at its real pixel margin, scaled down to fit your screen, and computes the remaining safe rectangle.
top clearance ≈ 150 px (profile chip + progress bars)
right clearance ≈ 110 px (action button column)
bottom clearance ≈ 310 px (caption block; +90 px for an ad CTA)
safe width = 1080 − right
safe height = 1920 − top − bottom
Toggle any zone off to see how the safe area grows, and enable Ad mode to account for the swipe-up button.
Tips and notes
Keep headlines and logos centred horizontally and vertically inside the dashed safe area — the right-edge action column eats roughly 110 pixels, so left-align designs read better than right-aligned ones. Burned-in subtitles should sit above the bottom caption block, not inside it, or the viewer’s own caption will collide with them. For paid placements, always design with Ad mode on so your call-to-action clears the swipe-up button.