ClickUp

Item: ClickUp
Rating: 7.1

All-in-one work app combining projects, docs, chat and AI agents.

clickup.com Save page

7.1/10MABTU rating

Home

Pricing

Enterprise

DESKTOP · 1440 × 12,742/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, black CTA, large app screenshot887
02problem3D tangled cable illustration with three stats731
03featuresIcon grid with enlarged Projects, Docs, Brain, Chat tiles1,146
04feature highlight3D gradient mask, orange silhouette gradient panel1,606
05feature highlightBlack Brain section with three-column feature grid2,653
06ctaBlack card grid and centred CTA
07tabsTeam tabs with agent task list card820
08statsFour ROI numbers in a row659
09testimonialsThree portrait photo testimonial cards953
10review badgesBadge wall and enterprise stats1,017
11ctaPink-purple gradient band with app screenshot860

Rating · Home

Visual design7.8

UX & clarity7.4

Originality7.4

Craft & consistency7.8

Motion7.0

Performance & a11y7.7

This page scores 7.6; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Plus Jakarta Sansheading · sans · self-hosted Plus Jakarta Sansbody · sans · self-hosted Sometype Monoaccent · mono · unknown

Stack & style

Next.js Three.js Contentful WebGL canvas React

Minimal Corporate / clean Gradient-heavy 3D Product-UI-led Logo cloud Marquee Pinned sections Pricing table Review badges Service area list Stats band Tabs

Also: OneTrust, Amazon CloudFront, Google Analytics, Google Tag Manager

Design DNA

White page with a tight black grotesk, black pill buttons, and the rainbow logo gradient (purple, pink, orange, blue) used sparingly. The hero is a left headline above a large app screenshot of chat, docs and tasks. A tangled 3D cable illustration explains lost context. A grid of 100+ product icons enlarges key modules into UI tiles. A glossy 3D gradient mask introduces Super Agents above a peach-to-orange silhouette gradient. Then: a black Brain section with feature grid, team tabs with agent workflows, four ROI stats, photo testimonials, a G2 badge wall, security icons and a pink-purple gradient CTA.

Worth borrowing

A tangled 3D cable illustration with app icons to visualise 'context switching'.
A dim grid of 100+ product icons where a few key modules pop out as full UI tiles.
A single glossy 3D object (the gradient mask) as the symbol for an AI feature.