Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
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.

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.

Keep exploring

More in Productivity

Tiimo App Store screenshot: listing design
Tiimo iconTiimo

Productivity

Opal App Store screenshot: listing design
Opal iconOpal

Productivity

ChatGPT App Store screenshot: listing design
ChatGPT iconChatGPT

Productivity

Todoist App Store screenshot: listing design
Todoist iconTodoist

Productivity