Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Shopping
  3. Affirm
Affirm app icon
Shopping

Affirm

Affirm: Buy now, pay over time

View on App Store
4.9
1.7M ratings

Screenshot story

The set introduces Affirm as a smarter financial tool, immediately establishing trust through a fee-free promise before highlighting life-simplifying features like AutoPay.

iPhone gallery

The complete screenshot set

Select any frame to study its layout, content, and palette.

Observed in the listing

Frame-by-frame listing evidence

Across 3 frames, Affirm most often uses floating device composition and device treatment with photo backgrounds. 3 frames include visible caption copy.

  1. Frame 1

    A smarter way to pay

    Composition / device
    device in hand
    Content
    ui screenshot
    Background
    photo
    Copy treatment
    bottom, benefit led, direct
  2. Frame 2

    No late fees, hidden fees, or surprises.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    photo
    Copy treatment
    top, reassuring, clear
  3. Frame 3

    Toggle on AutoPay to make life easier

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    photo
    Copy treatment
    top, helpful, instructional

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
device in handfloating device

Design analysis

What makes this set work

affirm purple#4945ffsunset orange#ff9b3fwarm cream#f3ede2golden yellow#ffc867

Affirm’s design strategy humanizes financial services by placing UI within high-end lifestyle photography. Instead of sterile fintech grids, they use domestic settings like living rooms and closets to frame the app as a seamless part of a premium shopping experience. The layout strategy uses organic shapes-arches and circles-to create visual rhythm and continuity across different lifestyle backdrops. Copywriting is exceptionally punchy, addressing the primary user pain point (fees) with a bold 'no surprises' headline. Designers should take note of how they use a warm, saturated secondary palette (orange and yellow) to soften the brand's primary tech-blue, making a credit product feel approachable rather than predatory.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Shopping

Shop App Store screenshot: collage composition with feature callout content
Shop iconShop

Shopping

Etsy App Store screenshot: floating device composition with onboarding content
Etsy iconEtsy

Shopping

Best Buy App Store screenshot: floating device composition with ui screenshot content
Best Buy iconBest Buy

Shopping

IKEA App Store screenshot: floating device composition with onboarding content
IKEA iconIKEA

Shopping