Zeplin

Item: Zeplin
Rating: 7.2

Design delivery tool that organises, documents and hands off designs to developers.

7.2/10MABTU rating

DESKTOP · 1440 × 5,599/ ↗

MOBILE · 390

Section outline · Home

01heroTwo-tone headline, blue and grey buttons321
02logo cloudBrand logos row717
03videoProduct demo in blueprint frame with colour blocks1,101
04manifestoHandwritten title, blue text, highlighter marks892
05featuresTab list left, yellow block with screenshots806
06testimonialsAvatar row, dashed selection quote cards350
07ctaCentred heading between ruler lines236
08promoGrey card with screenshots and link432
09footerFive link columns

Rating · Home

Visual design7.6

UX & clarity7.4

Originality8.0

Craft & consistency7.6

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

SF Pro Displayheading · sans · system SF Pro Displaybody · sans · system Biro Script Plusaccent · script · self-hosted

Stack & style

Sanity Tailwind CSS Splide

Minimal Corporate / clean Playful Illustration-led Sharp / geometric Product-UI-led Custom cursor Hero video Logo cloud Marquee Review badges Sticky header Tabs Testimonial slider

Design DNA

White and pale grey page with a neutral grotesk; the hero sets a grey line and a black line with one green word. The product demo sits inside a blueprint frame of thin blue guide lines with flat yellow, cyan, lime, magenta and blue rectangles pinned to its edges. A 'letter from our CEO' is set in handwritten blue script with blue body text and yellow highlighter marks. Features use a left tab list beside a yellow block holding app screenshots, testimonials sit inside dashed selection boxes with avatar rows, and a centred CTA is flanked by ruler lines.

Worth borrowing

Frame the product video with design-tool guide lines and flat colour rectangles, as if selected on a canvas.
Write the founder's manifesto in a handwritten font with highlighter marks instead of a standard about block.
Wrap testimonial cards in dashed selection boxes with resize handles.