Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

/Guides

Reusable listing structures

App Store screenshot templates

Pick a sequence that matches the buying decision, then replace every frame with one focused claim from your product.

Duolingo App Store screenshot: learn 40+ languages, math, music, and chessRevolut App Store screenshot: Change the way you money
Join 75 million customers worldwide. Sign up in minutes.Canva App Store screenshot: Thousands of templates for social media

Choose the story first

A template is a sequence, not a decoration

Strong sets repeat a visual system while changing the argument frame by frame. Choose the order before choosing colors, mockups, or device angles.

Template library

Five corpus-backed structures

Products that serve several related learning goals

Breadth to proof

Open with category breadth, demonstrate the core experience, expand into adjacent jobs, then close with recognition.

Study Duolingo
  1. Frame 1Breadth
  2. Frame 2Fun
  3. Frame 3Short lessons
  4. Frame 4Language skills
  5. Frame 5Vocabulary
  6. Frame 6Full skill mix
  7. Frame 7Math
  8. Frame 8Music
  9. Frame 9Chess
  10. Frame 10Family proof

Finance, health, and high-consideration apps

Trust before features

Lead with scale, recognition, or credibility before asking the user to inspect features.

Study Revolut
  1. Frame 1Customer proof
  2. Frame 2Savings
  3. Frame 3Transfers
  4. Frame 4Cards
  5. Frame 5Exchange
  6. Frame 6Global payments
  7. Frame 7Investing
  8. Frame 8Safety

Tools with several distinct jobs

Capability ladder

Give each frame one job and keep the visual system stable while the use case changes.

Study Canva
  1. Frame 1Category promise
  2. Frame 2Templates
  3. Frame 3AI draft
  4. Frame 4Video editing
  5. Frame 5Brand email
  6. Frame 6Prompt to video
  7. Frame 7AI editing
  8. Frame 8Background removal
  9. Frame 9Mockups
  10. Frame 10Asset breadth

Travel, fitness, retail, and community apps

Commerce to membership

Move from the latest products into culture, authority, membership value, and a personalized final action.

Study Nike
  1. Frame 1Shop new products
  2. Frame 2Lifestyle
  3. Frame 3Athlete product
  4. Frame 4Latest drops
  5. Frame 5Stories
  6. Frame 6Expert advice
  7. Frame 7Member benefits
  8. Frame 8Customization

Calm brands and tightly art-directed sets

Proof-led benefit story

Bookend a benefit ladder with proof, while moving from familiar outcomes into newer product capabilities.

Study Headspace
  1. Frame 1Award proof
  2. Frame 2Mental health promise
  3. Frame 3Stress
  4. Frame 4Sleep
  5. Frame 5Meditation
  6. Frame 6Health
  7. Frame 7Personalization
  8. Frame 8Therapy
  9. Frame 9AI support
  10. Frame 10Press proof

Copy constraint

One screenshot, one claim

Write the caption as a benefit

Prefer “Plan the whole trip in one place” over a feature label such as “Trip planner.”

Let the product prove it

The UI shown below the caption should make the promise immediately believable.

Template references

See each structure in a real listing

Duolingo App Store screenshot: learn 40+ languages, math, music, and chess
DuolingoBreadth to proof
Revolut App Store screenshot: Change the way you money
Join 75 million customers worldwide. Sign up in minutes.
RevolutTrust before features
Canva App Store screenshot: Thousands of templates for social media
CanvaCapability ladder
Nike App Store screenshot: SHOP THE LATEST INNOVATIONS FROM NIKE
NikeCommerce to membership

App Store screenshot resources

Plan the whole listing

Move from correct canvas sizes to a proven sequence, then compare the result with real listings.

App Store screenshot sizesCurrent iPhone and iPad export dimensions, formats, and upload rules.App Store screenshot examplesReal listing sets explained by hook, sequence, composition, and proof strategy.