Feature-first layout
Use one large device frame and one direct headline. This layout works for simple utilities, calculators, trackers, and apps where the screen itself explains most of the value.
Outcome-first layout
Lead with the final result: a saved plan, a report, a generated image, a cleaner inbox, or a completed habit. This is useful when the workflow is less interesting than the result.
Comparison layout
Show before and after states when the product improves something visible. Keep the comparison honest and readable. Do not bury the improvement inside small UI details.
Proof layout
Use badges, short metrics, or concise labels to show credibility. Avoid fake social proof. A strong proof screenshot can show local processing, export quality, time saved, or supported device sizes.
Design rules that travel well
- One main idea per screenshot.
- Enough contrast for thumbnail scanning.
- Captions short enough to localize.
- Consistent background rhythm across the full set.