Design for the thumbnail, not the canvas
Almost every screenshot mistake comes from the same source: designing at full size, on a large monitor, while the person you are designing for sees the image at roughly a tenth of that, in a scrolling list, for under a second.
In App Store search results, your first two screenshots appear side by side at a few hundred pixels tall. That is where the install decision gets made. The full-size view only happens after someone has already decided you are worth a tap.
So the working test for every choice below is simple: shrink the frame to about 10% and look again. If the headline is unreadable, the layout is mush, or two frames look identical at that size, the design has failed regardless of how good it looks at full resolution.
Headlines
Three to seven words. Under 45 characters.
This is the single most useful constraint in screenshot design. Past roughly 45 characters, type has to shrink to fit the frame, and once it shrinks it stops surviving the thumbnail. Long headlines do not communicate more — they communicate less, because nobody reads them.
Prefer two or three balanced lines over one long line. A wrapped headline holds a bigger type size in the same space, which is the whole objective.
Name a benefit, and make it specific
The most common failure is a headline that could belong to any app in any category.
- Weak: "Save time" · "Made simple" · "Beautiful design" · "Powerful features"
- Strong: "Save 12 hours a week" · "Cash out the same day" · "Every receipt, sorted automatically"
The difference is a claim someone can picture. "Made simple" asks the reader to take your word for it. "Cash out the same day" tells them what changes in their life, and it is the kind of thing a competitor cannot honestly copy.
Never quote the phone screen
If the screenshot inside the frame shows "$3,847 left this month", the headline above it must not also say "$3,847 left this month." Repeating on-screen text is the clearest tell of a template being filled in: the same string, twice, in one image.
The screen supplies the proof; the headline supplies the meaning. Screen shows the balance, headline says "See where your money goes." They do different jobs.
One idea per frame
A frame that argues two things argues neither. If you have five features, you have five frames — not one frame with five bullet points. This is the discipline that separates a campaign from a feature list.
Colour
Three colours, reused everywhere
One brand colour, one secondary accent, one neutral. The brand colour carries accent words and calls to action. The accent handles small decorative work. The neutral is backgrounds and body type.
That is the whole palette, and it holds across every frame in the set. A tight palette is the fastest way to look deliberate, and the reason premium listings feel expensive while busy ones feel cheap.
Anchor the background to your app, not to a trend
The background should come from the dominant colour of your actual interface. If your app is dark navy, the frames are dark navy. If it is warm off-white, they are warm off-white. Wrapping a dark app in a cream marketing frame produces a visible seam between the phone and everything around it.
Vary lightness, never hue
Frames can shift in tone across a set — slightly lighter here, deeper there, and one deliberately inverted frame as a closing accent works well. What breaks a set is a hue jump: three frames in emerald and a fourth in sky blue. A viewer swiping the set reads that as four unrelated images rather than one campaign.
A practical bound: keep every frame's background within about ±10 lightness points of your anchor colour, at the same hue and saturation.
Colour the accent word, not the whole headline
Setting one word of the headline in the brand colour draws the eye to the thing that matters and keeps the rest readable. Same font, same weight, same size — only the colour changes. Colouring the entire headline just reduces contrast.
Layout
The phone is the hero; the headline introduces it
On frames that show your interface, the device should command the lower two-thirds of the canvas and the headline should occupy roughly the upper quarter. The headline is the caption, not the subject.
The most common automated-looking mistake is oversized type on a bare canvas — a huge headline, a small phone, and empty space between them. If the type is taking up half the frame, it is too big.
Keep the device at one size across the whole set
Every frame in a set should show the phone at the same width, in the same position. If one frame shrinks the device to make room for a headline, that frame reads as a different size even though nothing else changed, and the set stops feeling like a set.
When a layout needs more room, take it from the top of the canvas or let the phone crop off the bottom edge — but crop it the same way on every frame. Mixing "device fully visible" with "device bleeding off the bottom" inside one campaign is visibly inconsistent when the frames sit side by side.
Give the device a ring of clear space
Nothing should touch, lean on, or overlap the device. That clearance is a large part of why good sets look expensive — the phone reads as the subject rather than one object in a pile.
Vary composition, not the system
Frames should not all be identical arrangements — five headlines in the same position is the signature of a template. Vary the composition: a bold left-aligned hook, a centred statement, a frame with a strong illustration, a quiet frame with nothing but type and the device.
What must not vary is the system underneath: the margins, the palette, the type family and weights, and the device treatment. Consistency comes from the system; variety comes from the arrangement. Getting that backwards — same layout, different colours — is exactly wrong.
One quiet frame per set
A set where every frame is maximally busy has no rhythm and nothing lands. Deliberately leave one frame nearly bare: headline, device, clean space. It gives the eye somewhere to rest and makes the rich frames hit harder.
Legibility
Minimum sizes that survive the thumbnail
On a 1320-pixel-wide canvas, working numbers:
- Headline: roughly 90–130px tall. Below about 60px it vanishes at search-results scale.
- Subtitle: roughly 45–60px, and only if the headline genuinely needs support. Most do not.
- Anything smaller: assume it will not be read. Label text on a decorative card is decoration, not communication — never put load-bearing information there.
Contrast is not optional
Light grey type on a white background fails at full size and disappears entirely at thumbnail size. Headline text wants near-maximum contrast against its background. If you are placing type over a photo or a gradient, put a solid shape behind it rather than hoping.
The squint test
Scale your set to about 10%, or step back from the monitor until the frames are the size of a thumbnail, and check three things: can you read every headline; can you tell the frames apart; is it obvious what the app does. Any "no" is a design problem, and it is far cheaper to find it now than after the listing is live.
What to avoid
- Fake credibility. Invented star ratings, "Editor's Choice" badges you were not given, press logos you have no relationship with, made-up download counts. Apple rejects listings for it, and it is the fastest way to lose trust with the people who do install.
- Real-world scenes. A phone photographed on a café table belongs in a lifestyle ad, not a store listing. Store screenshots are flat editorial posters; the device is drawn, not photographed in an environment.
- Duplicate devices. A second phone, a ghost phone behind the real one, or a phone-shaped card as decoration. All of them read as a mistake.
- Scattered small decorations. Sparkles, dots and confetti added to fill space communicate nothing. Two substantial elements with real space between them beat six small ones, every time.
- Text smaller than the thumbnail can carry. If it cannot be read at 10%, it is costing you space and giving you nothing.
Frequently asked questions
How many words should a headline be?
Three to seven, under about 45 characters, across two or three balanced lines.
How many colours should I use?
Three — brand, accent, neutral — reused across every frame.
Should every frame use the same layout?
No. Vary the arrangement; keep the margins, palette, type and device treatment fixed. Variety in the composition, consistency in the system.
Can I put text over a photo?
Only with a solid shape behind the type. Text directly on a photograph loses contrast unpredictably and fails first at thumbnail size.
Skip the design pass
Nuvex applies every rule on this page automatically — headline length, three-colour discipline, locked device sizing, minimum legible type — and returns a finished set from your raw screens in about thirty seconds.