ClickUp App Store screenshots

On-frame caption: “No external caption text; headline is its own caption.”

This frame is the only one without device hardware. It functions as a poster. The canvas is pure #FFFFFF, crowned by a diffuse magenta-to-cyan gradient that bleeds across the top fifth. The ClickUp logomark—its chevron motif in pink, orange, and blue—sits above the bold headline “Maximize human productivity” in near-black sans-serif (≈ #111827). Below that, the secondary line “Every App, Agent, and Human in one place.” is rendered in a quieter mid-gray (≈ #6B7280). The body is a vertical ledger of six capabilities: Projects, Brain AI, Tasks, Chat, Docs, and Scheduling. Each row pairs a rounded-rect icon—blue, prismatic gradient, green, purple, blue, and red respectively—with a label in ≈ #111827. The row spacing is generous, roughly 24pt, turning the list into scannable placards. At the bottom, “And 50+ more—to replace all your apps.” acts as a footnote. The absence of a phone is the riskiest move in the set; it trades instantaneous platform recognition for whitespace and declarative clarity.

On-frame caption: “Trusted by over 3 million teams”

The iPhone 15 Pro enters here—black titanium bezel, Dynamic Island, status bar locked at 9:41. The screen reveals the Home hub under the workspace “Acme Inc”. A search bar sits beneath the header, followed by a horizontally scrolling card row: “Replies 12 new” on a light pink ground (text ≈ #BE185D, background ≈ #FDF2F8), “Today 3 items” on a light purple ground (≈ #F3E8FF), and truncated cards for Assigned and Activity. Under that, a “Recents” list and a “Favorites” list display items like “Social Media Content Calendar Creation” with circular iconography and pink notification badges (≈ #F43F5E). The phone fades to white at its lower edge. Below this fade, trust signals begin: a gray laurel wreath (≈ #9CA3AF) wraps “Trusted by over 3 million teams”, followed by a monochrome logo lockup—Zillow, Chick-fil-A, Datadog, American Airlines, Cartoon Network, and Sephora. The density inside the phone is high, but the crop omits the tab bar, keeping the frame top-heavy and focused on the workspace switcher.

On-frame caption: “Keep projects moving on the go”

The caption beneath the device reads “Keep projects moving on the go”, set in a bold ≈ 32pt weight. Above that headline, three circular icons—a blue clock, a yellow crescent, a green checkmark—form a decorative triad. The device displays the Inbox. The list shows threaded, realistic metadata: “Social Media Content Calendar Creation” carries a red flag icon; a message from “Joshua Johnes: in cases like ACs” is timestamped 7:09 pm; Dennis Callis includes an “@Kelly Let's share thi...” mention; James Hall’s message is truncated with a 3 PM stamp. Timestamps are right-aligned in a light gray (≈ #9CA3AF). The bottom rows fade into the canvas to suggest a longer feed. This frame succeeds because it proves immediacy—the preview text is believably messy, signaling that the app handles live workflows. The status bar remains at 9:41, consistent with Frame 2, which preserves temporal continuity across the set.

On-frame caption: “AI that works for you”

The caption here is “AI that works for you”, anchored by the Brain AI prismatic icon below the phone. Structurally, this frame is the outlier: the iPhone is cropped asymmetrically, with the left bezel clipped more aggressively than the right, breaking the consistent viewport margin established in Frames 2, 3, 5, 6, and 7. Inside, an “Ask anything” sheet is visible. The suggestion list contains verbatim rows: “Create Autopilot Agent”, “Generate image with GPT-4o”, “Help me prepare for Design Catchup”, “Ask about my Meeting notes”, “Summarize Update Compliance Checklist”, “Create a task”, and “Brainstorm ideas for Team Training”. A bottom input field shows the placeholder “What would you like AI to do?” against a light gray ground (≈ #F3F4F6). Naming GPT-4o specifically grounds the AI in a real model rather than vaporous branding. However, the tighter crop sacrifices spatial context; without the full bezel, the sheet UI feels disconnected from the handheld frame, reading more like a floating detail than a phone screen.

On-frame caption: “Crush all your tasks and projects”

The caption reads “Crush all your tasks and projects” beneath another decorative icon triad: a blue checkmark, an orange upward arrow, and a red bell. The device shows a dashboard of filter tiles arranged in a two-column grid—Today (3), Overdue (4), My priorities (5), Upcoming, My tasks, and Custom. Overdue uses red text (≈ #EF4444) and a red bell icon. Below the grid, a “My lists” section enumerates projects like “Q3 Social Media Content Calendar” and “Influencer Outreach for Brand Awareness”. Crucially, the tab bar is visible here: a near-black (≈ #000000) frosted strip housing Home with a red badge (6), Inbox with a red badge (8), a central plus button, My Tasks, and More. That tab bar is valuable architectural evidence; it shows shoppers how the app scales beyond a single screen. The balance between the grid and the list below is tight but readable, and the red badges inject urgency without overwhelming the white space.

On-frame caption: “Chat with teammates”

The caption is “Chat with teammates”, anchored by a single purple hashtag icon (≈ #7C3AED). The device displays the “# Product Design” channel. The conversation thread begins with an “Updates” card from Lily, timestamped “Jul 10 at 3:32 PM”, containing hyperlinked “Read more” text in purple and reaction counts (🥳 12, 🫰 8, 🚀 4). Below that, an assignment pill shows “Assigned to Lily”. Lorri’s message includes a literal mention: “@Jordan, can you take ownership of updating the dashboard icons? Thanks!”, followed by a heart reaction (3). Jordan’s reply at “7:16 pm” begins below but blurs out. The UI interpolates messaging and project management—resolve buttons, assignment avatars, and threaded replies—making the competitive positioning visually explicit. Message bubbles use light fills and native iOS spacing, while the header maintains the back arrow and channel title. This is the most narratively coherent frame because every UI element supports a single mental model: chat that drives action.

On-frame caption: “Collaborate in Docs”

The caption reads “Collaborate in Docs”, accompanied by a stack of three overlapping circular avatars beneath the phone. The device displays a document titled “AI Agents PRD”. Metadata reads “Amy · Last updated at 11:47 AM” in gray (≈ #6B7280). The typography inside the doc is rigorous: “Introduction” as a bold H2, followed by body copy in a dark gray (≈ #374151) that begins “This document outlines the requirements for developing AI agents...”. Then “Objectives” and “Enhance User Experience” continue the hierarchy. The text is real prose, not placeholder, which lends credibility. The lower portion fades aggressively into the white canvas, obscuring the final lines. The avatar stack below the phone telegraphs multiplayer presence, though it mildly conflicts with the single-author “Amy” metadata visible in the document header. Still, the frame effectively positions ClickUp as a serious documentation competitor. The fade at the bottom is consistent with the set’s masking language, though here it clips actual content more than chrome.