Sketch

Item: Sketch
Rating: 7.7

Mac design toolkit for designing, prototyping, collaborating and handoff.

7.7/10MABTU rating

DESKTOP · 1440 × 8,356/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline, lavender glow, dark CTA, new-feature card, app screenshot447
02testimonialsQuote card carousel
03featuresPill label, bento carousel of UI cards1,449
04featuresPrototype bento carousel985
05featuresCollaboration cards1,449
06featuresPricing, components, handoff tiles
07aboutSoft card with independent-company message502
08ctaDiamond icon, centred CTA, logo row617
09footerNewsletter field and four link columns

Rating · Home

Visual design8.0

UX & clarity8.0

Originality7.2

Craft & consistency8.4

Motion6.5

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Recklessheading · serif · self-hosted Interbody · sans · self-hosted

Stack & style

Swiper

Minimal Editorial Bento Gradient-heavy Product-UI-led Bento grid Logo cloud Marquee Mega menu Process steps Testimonial slider

Also: Netlify, Amazon CloudFront

Design DNA

White page washed with a soft lavender-pink gradient at the top, a large serif headline left and short copy with a dark pill button with a pink outline right, a small 'new in Sketch' card and a big app-window screenshot. Each chapter (Design, Prototype, Collaborate, Handoff) opens with a tiny coloured pill label, a serif headline and a dark button, then a horizontally scrolling bento of tall cards mixing pastel gradient fills, black tiles and dense UI crops. Quote cards carousel, a centred diamond CTA and press logos close.

Worth borrowing

Open each product chapter with a tiny coloured pill label, a serif headline and a right-aligned button.
Use horizontally scrolling bento rows of tall cards mixing pastel gradients and black tiles.
Put a small 'what's new' changelog card directly under the hero CTA.