Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Productivity
  3. Gmail
Gmail app icon
Productivity

Gmail

Gmail - Email by Google

View on App Store
4.7
2.4M ratings

Screenshot story

The set introduces Gmail as the premier choice for iPhone users, highlighting productivity features like tabbed sorting and smart replies before focusing on industry-leading security and integrated collaboration tools.

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

  1. Frame 1

    Get the best of Gmail on iPhone

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, bold, value driven
  2. Frame 2

    Sort your mail with a tabbed inbox

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

    Save time with smart replies

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

    Powerful search finds the emails you need

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

    One home for all your mail with multiple accounts

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

    See mail that matters by starring important emails

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

    Stress-free sending with Undo Send

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, reassuring, helpful
  8. Frame 8

    Steer clear of scams with phishing alerts

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, protective, serious
  9. Frame 9

    Know you're protected with spam filtering

    Composition / device
    floating device
    Content
    social proof
    Background
    solid
    Copy treatment
    top, safe, confident
  10. Frame 10

    Collaborate in one app with Chat, Spaces, and Meet

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, collaborative, unified

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

soft blue#e8f0fegoogle blue#4285f4google red#ea4335google green#34a853dark gray#202124

Google’s screenshot strategy for Gmail centers on clarity and brand reliability. They use a minimalist floating-device layout against a consistent, soft-blue background that allows the vibrant colors of the Gmail logo and UI badges to pop. The copywriting follows a strict 'Benefit + Feature' headline structure, making the value proposition immediate. A notable design choice is the use of 'over-the-edge' UI elements-like the phishing alert or the undo snackbar-which break the device frame to create a sense of depth and focus on specific interactions. Designers should steal this technique of isolating specific modular UI components rather than showing the full app screen in every slide, as it reduces cognitive load and directs the user’s eye to the exact feature being marketed.

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 Productivity

Tiimo App Store screenshot: floating device composition with ui screenshot content
Tiimo iconTiimo

Productivity

Opal App Store screenshot: device in hand composition with social proof content
Opal iconOpal

Productivity

ChatGPT App Store screenshot: floating device composition with ui screenshot content
ChatGPT iconChatGPT

Productivity

Todoist App Store screenshot: floating device composition with ui screenshot content
Todoist iconTodoist

Productivity