Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

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

ClickUp

ClickUp: Tasks, Chat, Docs, AI

View on App Store
4.7
9.1K ratings

Screenshot story

The set opens with a bold promise of total app replacement, followed by massive social proof, then methodically demonstrates value across AI, tasks, chat, and documentation.

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

  1. Frame 1

    Maximize human productivity Every App, Agent, and Human in one place. Projects Brain AI Tasks Chat Docs Scheduling And 50+ more-to replace all your apps.

    Composition / device
    text only
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, ambitious, comprehensive
  2. Frame 2

    Trusted by over 3 million teams

    Composition / device
    floating device
    Content
    social proof
    Background
    solid
    Copy treatment
    bottom, authoritative, social proof
  3. Frame 3

    Keep projects moving on the go

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

    AI that works for you

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

    Crush all your tasks and projects

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, energetic, action oriented
  6. Frame 6

    Chat with teammates

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, collaborative, simple
  7. Frame 7

    Collaborate in Docs

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, professional, clean

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
text onlyfloating device

Design analysis

What makes this set work

clickup blue#4b6df3signal orange#ff7b00brain ai purple#7b68eepure white#ffffffink black#1c1c1e

ClickUp's screenshot strategy centers on 'extreme clarity.' By using a consistent white background with a subtle grain texture and high-contrast black typography, they create a 'premium utility' feel. The layout choice to crop the device frame at the bottom or sides allows the UI to remain large and legible while providing dedicated space for secondary icons and primary captions. Their use of color is highly disciplined: specific hues are tethered to specific features (Orange for tasks, Purple for AI), which reduces cognitive load as the user swipes. Designers should steal the 'half-device' presentation style to showcase complex UI without overwhelming the viewer, ensuring marketing copy always has clear visual hierarchy.

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