Layout library
7 App Store Screenshot Layouts
Every screenshot in the top 100 of the App Store uses one of these 7 layouts. Pick the layout that matches the narrative job of each frame, then generate the screenshot.
Device Hero Layout
Centered flat device with a strong headline above. The product-forward hook layout: ~90% of viewers see frame 1, this is the layout that earns the install decision.
Text-Top, Device-Bottom Layout
Headline at the top, flat device anchored at the bottom. The default educate layout for frames 2 and 3 where feature explanation has to land before the scroll-off point.
Text-Top, Tilted Device Layout
Headline at the top, device rotated 15-30 degrees for dimensional depth. Same educate role as text-top-device-bottom, but adds visual energy.
Social Proof Layout
Star rating, customer quote, and laurel-wrapped stats above the device. Built for the prove job: credibility lands before frame 3, where ~90% of viewers stop scrolling.
Lifestyle Hero Layout
Full-bleed photo with text overlay in the lower third, no device. The mood-first hook layout for lifestyle apps where context beats product shots.
Before-After Layout
Split frame: dark before-half on the left, bright after-half on the right. The prove layout for transformation apps where the gap is the value.
Stats Hero Layout
Giant centered stat or number, no device. The hook layout when the metric itself is the selling point: 1M users, 10K reviews, 4.8 stars.
Don't pick a layout. Get a set.
The builder picks the right layout for every frame in your set automatically. Describe your app, get a 5-frame gallery that uses each layout in the slot where it converts.
Get screenshotsOr read the full 7 layouts that convert guide.