Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

Grok

Grok AI

View on App Store
4.9
1.3M ratings

Screenshot story

The journey begins with a cinematic hook highlighting Grok's unique real-time access to global news via X, then transitions through creative generation and visual intelligence before concluding with high-utility productivity features like document analysis.

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

  1. Frame 1

    The only AI with real-time news from X

    Composition / device
    flat ui panel
    Content
    social proof
    Background
    illustrated
    Copy treatment
    top, bold, authoritative
  2. Frame 2

    Create and edit any image

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

    Chat and learn something new

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

    Make the best AI videos with Imagine

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, confident, high end
  5. Frame 5

    Point your camera and ask anything

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

    Chat with friendly companions

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

    Choose from trending styles

    Composition / device
    collage
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, vibrant, trendy
  8. Frame 8

    Snap a photo to learn more

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

    Study smarter with Grok

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

    Analyze and generate docs

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, professional, efficient

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
flat ui panelfloating devicecollage

Design analysis

What makes this set work

X Black#000000White#ffffffSlate Gray#16181cCosmic Orange#f65a36

Grok AI's screenshot strategy leans heavily into the 'X' brand identity, utilizing a high-contrast dark mode aesthetic that feels both premium and tech-forward. The use of a 'vortex' hero image creates a sense of immense scale, while subsequent slides ground the product in utility using standard floating device frames. Copywriting is brief and benefit-led, focusing on verbs ('Create', 'Point', 'Study', 'Analyze') to emphasize versatility. A designer can steal the effective use of content-within-content; by showing actual X posts, Excel tables, and complex math formulas, the UI feels capable of handling real-world complexity rather than just generic chatbot banter. The color system relies on content to provide pops of vibrance against a strict monochromatic frame, ensuring the brand remains invisible while the AI's output takes center stage.

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