CleanShot X

Item: CleanShot X
Rating: 7.5

Mac screenshot, screen recording and cloud sharing app.

cleanshot.com Save page

7.5/10MABTU rating

Home

Pricing

Cloud

FAQ

DESKTOP · 1440 × 11,458/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, blue CTA, how-it-works link800
02videoDemo video card beside Jason Fried quote slider
03logo cloudGrey wordmarks row
04featureCopy left, gradient UI tile right480
05bentoSix tiles: camera, clicks, keystrokes, audio, zooms1,044
06carouselHorizontal tiles for markup, redact, background696
07bentoFive tiles with branding, security, comments1,044
08featureWide dark editor UI734
09featuresZigzag rows with gradient tiles and bullet lists480
10bentoSix mixed dark and light tiles1,012
11testimonialsTweet-style cards with arrows706
12ctaDark navy band with app icon
13footerNewsletter and four link columns on dark

Rating · Home

Visual design8.0

UX & clarity7.8

Originality7.0

Craft & consistency8.2

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Google Sans Flexheading · sans · self-hosted Google Sans Flexbody · sans · self-hosted

Stack & style

Vue Google Fonts Nuxt Swiper

Minimal Corporate / clean Bento Gradient-heavy Rounded / soft Product-UI-led Bento grid Hero video Logo cloud Process steps Sticky header Testimonial slider

Also: Amazon CloudFront

Design DNA

Pale blue-white canvas with a centred bold sans headline where the second half turns blue, a solid blue primary button and a small dark announcement pill. Every feature is a rounded tile: deep blue to violet gradient wallpapers carrying crisp macOS UI crops, mixed with light glassy tiles and one warm photo tile. Features alternate between left-title sections with a bento of three to six tiles and zigzag rows of copy beside a large gradient tile. Testimonial cards with avatars, then a dark navy CTA with the app icon and a newsletter footer.

Worth borrowing

Place every UI crop on the same deep blue-violet macOS wallpaper so dozens of screenshots feel like one system.
Colour the second clause of the hero headline in the brand blue to create a set-up and punchline.
Pair each feature bento with a small blue Explore pill aligned to the section title on the right.