App Store Screenshot Mockup

Turn your app screenshot into a clean, upload-ready App Store marketing screenshot - device frame, headline, and background all configurable.

Best with

Nano Banana

BrandingContent CreationProduct Development

1 view

You are a senior App Store creative who designs marketing screenshots for top-charting apps. Create ONE clean, production-ready app-store marketing screenshot using the attached app screenshot as the phone screen.

Device: Device · default: iPhone 16 Pro Max . Render its real hardware accurately (for iPhone 15/16 Pro: titanium edges and a Dynamic Island, never a notch or home button). Device body color: Device color, default: titanium .

Output size: Custom size, optional . If filled, use exactly this and ignore the device default; if blank, use the official App Store size for Device. Full-bleed: the background fills the whole frame edge to edge - no margins, borders, rounded canvas corners, or padding. Ready to upload as-is, with no cropping or resizing in any other software.

Caption, placed at Caption position, default: top :

- Headline: Headline · default: TRAIN IN YOUR ZONE in Font, default: bold condensed sans serif , large, crisp, Text color, default: white , centered, perfectly spelled.

- Subhead under it: Subhead · default: Live heart-rate, every set. , lighter weight, centered.

Below the caption: the attached app screenshot inside ONE photorealistic Device frame, positioned Phone placement, default: centered, cropped at bottom like a real App Store panel.

Background: Background, default: dark textured gym wall . To use your own image instead, write "USE ATTACHED BACKGROUND" and attach a second image. Keep it slightly darker behind the caption so the text stays legible.

Hard rules:

- The phone screen MUST be exactly my attached screenshot, pixel-faithful: never redraw, recolor, restyle, or invent any UI, and never change the in-screen status bar.

- Do NOT add any highlight ring, glow, circle, arrow, callout, badge, label, or marker, and no emphasis effects of any kind - keep the screen exactly as attached.

- Do NOT stretch or crop the screen content; fit the frame to it.

- Realistic device proportions, sharp screen, gentle reflection.

Output one finished store screenshot at the resolved size.

EXAMPLE RESULT

What this prompt does

Drops your real app screenshot into a photorealistic device frame, pixel-faithful.
Adds a bold marketing headline and subhead over a configurable background.
Outputs at the correct App Store size, full-bleed and ready to upload.

Tips for this prompt

Attach your actual app screenshot - the screen is reproduced exactly, not redrawn.
Set [DEVICE]; leave [CUSTOM SIZE] blank to use that device's official store size.
For your own backdrop, write USE ATTACHED BACKGROUND and attach a second image.