Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

ChatGPT

ChatGPT

View on App Store
4.8
8.5M ratings

Screenshot story

The screenshots transition from highly visual, creative AI generations to practical daily utility, demonstrating how the app functions as a teacher, personal assistant, and creative partner. The flow concludes by showcasing specialized features like voice interaction and multi-modal image analysis to establish the app as an all-in-one productivity powerhouse.

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

  1. Frame 1

    See your ideas come to life

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, inspirational, benefit led
  2. Frame 2

    Learn anything your way

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, empowering, educational
  3. Frame 3

    Prepare for your next challenge

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, motivational, practical
  4. Frame 4

    Get writing that sounds like you

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, playful, personalized
  5. Frame 5

    Chat in voice mode

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, futuristic, calm
  6. Frame 6

    Go deep and learn

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, intellectual, curious
  7. Frame 7

    Find creative inspiration

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, creative, helpful
  8. Frame 8

    Reimagine any photo

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, innovative, artistic

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating device

Design analysis

What makes this set work

clean white#fffffflavender mist#ece2ffsky mist#d1f0ffjet black#000000

ChatGPT utilizes a 'less is more' design philosophy, mirroring the minimalist interface of the app itself. The layout features floating devices centered against soft, atmospheric gradients that shift from lavender to blue, subtly categorizing features into creative and logical domains. The copywriting is exceptionally strategic; rather than listing features, it uses active verbs like 'See,' 'Learn,' and 'Reimagine' to frame the AI as an enabler of human potential. Designers should emulate the 'show, don't tell' approach seen here: using specific, relatable prompts (like marathon training or vacation captions) makes abstract technology feel tangible and immediate. The consistent use of generous white space ensures that complex text-based outputs remain legible and non-intimidating.

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

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

Productivity

Timepage App Store screenshot: flat ui panel composition with ui screenshot content
Timepage iconTimepage

Productivity