Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Education
  3. Duolingo
Duolingo app icon
Education

Duolingo

Duolingo: Language Lessons

View on App Store
4.7
5.3M ratings

Screenshot story

The sequence establishes Duolingo as a multi-subject learning platform, moving from its core language offering into math, music, and chess before sealing the pitch with industry accolades.

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 10 frames, Duolingo most often uses floating device composition and device treatment with solid backgrounds. 10 frames include visible caption copy.

  1. Frame 1

    learn 40+ languages, math, music, and chess

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, inclusive, informative
  2. Frame 2

    the fun way to learn a new language

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, benefit led, playful
  3. Frame 3

    quick, bite-sized lessons that work

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, encouraging, punchy
  4. Frame 4

    speak and hear the language

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, direct, functional
  5. Frame 5

    learn new words and improve your vocabulary

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, clear, educational
  6. Frame 6

    easy-to-follow reading, speaking, and listening lessons

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, reassuring, comprehensive
  7. Frame 7

    build math skills for daily life

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, practical, focused
  8. Frame 8

    learn to read music and play songs

    Composition / device
    collage
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, aspirational, skill based
  9. Frame 9

    become a chess master

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, ambitious, playful
  10. Frame 10

    award-winning education app for the whole family

    Composition / device
    collage
    Content
    social proof
    Background
    solid
    Copy treatment
    top, authoritative, trustworthy

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating devicecollage

Design analysis

What makes this set work

vibrant orange#ff8a00sky blue#23ace2vibrant purple#c175ffsun yellow#ffc800bright red#ff4b4bbright green#58cc02

Duolingo’s screenshot strategy is a masterclass in brand consistency and product expansion. By using a 'floating device' layout against a rotating set of high-saturation solid backgrounds, they create a rhythmic, high-energy browsing experience. Each slide focuses on a single 'bite-sized' interaction, mirroring the app's core UX philosophy of gamified, low-friction learning. The copywriting is lowercase, friendly, and benefit-driven, making complex subjects like music theory or chess strategy feel approachable. A designer can steal the 'color-per-vertical' system, which helps segment the app's new multi-subject identity while maintaining the brand's iconic illustrated style. The final slide uses prestigious media quotes and Apple accolades to cement authority, proving the platform is as effective as it is fun.

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 Education

Greg App Store screenshot: floating device composition with ui screenshot content
Greg iconGreg

Education

Mindvalley App Store screenshot: panoramic composition with social proof content
Mindvalley iconMindvalley

Education

Headway App Store screenshot: flat ui panel composition with onboarding content
Headway iconHeadway

Education

MasterClass App Store screenshot: collage composition with social proof content
MasterClass iconMasterClass

Education