Layout library
9 App Store Screenshot Layouts
Every screenshot in the top 100 of the App Store uses one of these 9 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.
Feature Callout Layout
Left-aligned text with bulleted feature list, no device. The deep-feature layout for frames 4+ where information density beats hero visuals.
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.
Text-Bottom Layout
Full background image or color, headline anchored to the lower third, no device. The brand-mood hook for sets where frame 1 carries vibe over UI.
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 9 layouts that convert guide.