2026-05-27 · ASO · 7 min read

How to analyze a top-100 App Store screenshot

TL;DR. Any high-performing App Store carousel makes four structural decisions: caption position, device tilt direction, background palette, and panel-to-panel continuity. The rest is taste. We'll walk through these decisions using Headspace as a worked example — you can open its App Store page in another tab and follow along.

Most App Store screenshot critique gets stuck on surface aesthetics — "this one has nice gradients", "this one's clean", "this looks premium". Those statements don't help you change anything in your own carousel. Useful critique is structural: which decisions are doing the conversion work, separately from which decisions are just taste.

Headspace is a useful reference because the brand is mature, the carousel has been iterated on for years, and the App Store page is publicly viewable. If they redesign between when this post ships and when you read it, the structural patterns will be similar even if the colors change — that's exactly the point.

The four structural decisions

1. Caption position

Headspace anchors carousel captions in the upper portion of each panel — typically positioned above or alongside the device, not below it. The text uses a soft serif (the brand's signature warmth marker) with the headline carrying the claim and a smaller subhead offering context.

Why upper-anchored: that's where the eye lands first in the carousel-thumbnail render. Eye- tracking studies from ASO research firms (Phiture and AppTweak publish individual studies on this) consistently place the strongest attention at the upper-left third of the panel at thumbnail size. Captions anchored there get read; captions positioned mid-panel below the device often get skimmed past.

2. Device tilt

Headspace's screenshots typically show iPhone frames upright — minimal or zero tilt. This is a conscious choice: tilt signals "modern, energetic", upright signals "calm, focused". For a meditation app, calm reads correctly; energetic would read wrong.

For app categories where motion is part of the value prop (games, fitness, video editors), tilting the device 10-15° on the Y axis is the dominant pattern in top-100 carousels. For calm/utility categories (meditation, banking, notes), upright is more common. The decision is category-driven, not universal.

3. Background palette

Headspace uses warm pastels — soft oranges, creams, occasional teals — that signal calm and approachability. This is consistent across the carousel: each panel has its own background color, but all live in the same warm-pastel family.

The color temperature isn't doing conversion work on its own — it's doing category-recognition work. A user scrolling the App Store thumbnails recognizes "this is a wellness/calm app" from the palette before reading any caption. That recognition speeds up the "is this for me?" decision.

The mistake to avoid: picking an off-category palette to stand out. You stand out, but users misread the category at thumbnail size and bounce.

4. Panel-to-panel continuity

Headspace's panels share visual scaffolding: consistent caption position, similar device rendering style, related background tones. Even though each panel features a different app feature, the visual structure doesn't reset between them. The carousel reads as one story.

This continuity is what separates "designed as a unit" carousels from "five individual screenshots". The user perceives the carousel as one coherent message; competitors that treat each panel independently feel more chaotic at thumbnail size.

How to do the same analysis on any app

Pick 3 top-100 apps in your exact category. Open their App Store pages, screenshot the carousels.
Note the four structural decisions for each: caption position, tilt direction + angle, palette temperature, panel continuity.
Look for what they have in common. Those are the category conventions you should probably match unless you have brand equity to spend.
Build your own carousel mirroring the common structure — same caption position, similar tilt, category-appropriate palette, continuous background scaffolding.
Customize the taste decisions to your brand — your font, your accent color, your specific copy.

The taste decisions (don't sweat these)

Things that vary widely across high-performing top-100 carousels:

Specific font choice — Inter, SF Pro, Söhne, Geist, GT America all show up. Weight (700-900) matters more than family.
Exact accent color — within the category palette, hue choice is taste.
Decorative SVG elements (sparkles, lines, badges) — present in some, absent in others, no consistent conversion correlation.
Caption color contrast — white-on-dark, dark-on-light, accent-color captions all work as long as contrast is high.
Device frame color choice — Black iPhone vs Titanium vs Natural Pro Max appears in roughly equal proportion. Pick what fits your palette.

What to copy and what to ignore

Honest takeaway: when you study top-100 screenshots in your category, copy the four structural decisions and ignore the surface aesthetics. Specifically:

Copy: caption position, device tilt direction (and angle), category-conventional palette, continuity across panels.
Ignore (don't waste hours on): exact font, exact accent color, decorative shapes, device frame color.

The first list is doing the conversion work. The second list is taste. Spending design time on the first list compounds; spending design time on the second list usually doesn't move the conversion number.