Zipp

Item: Zipp
Rating: 7.1

Client update and project communication tool for agencies and studios.

getzipp.com Save page

7.1/10MABTU rating

Home

Our Story

Pricing

DESKTOP · 1440 × 9,551/ ↗

MOBILE · 390

Section outline · Home

01heroCentred condensed headline, pill button, product video569
02featuresBeige bento of three benefit cards with UI874
03featuresHorizontal carousel of dark feature cards1,627
04featuresTwo cards: white labelling and Salesforce3,600
05faqPill accordion rows with berry plus icons1,162
06ctaBerry gradient card above three numbered steps882
07footerSmall links and a giant cropped ZIPP wordmark717

Rating · Home

Visual design7.3

UX & clarity7.2

Originality6.8

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Pprightgrotesk Compactdarkheading · sans · unknown Interbody · sans · self-hosted

Stack & style

Webflow jQuery

Bold typography Rounded / soft Product-UI-led FAQ accordion Hero video Horizontal scroll Process steps

Also: Cloudflare, Google Analytics, Google Tag Manager

Design DNA

Off-white canvas with a heavy condensed grotesk for centred headlines, tiny pill eyebrows outlined in berry, and deep berry-magenta as the only accent. A berry announcement bar tops the page; the hero is a centred headline, one pill button and a product video. Benefits use pale beige cards holding white UI snippets, then a carousel of dark teal-navy feature cards with berry icon buttons. Advanced features in two beige cards, a pill FAQ list, a berry gradient CTA card with fluted texture above three numbered steps, and a footer where a huge cropped ZIPP wordmark fills the bottom.

Worth borrowing

End the page with the wordmark set edge to edge and cropped by the viewport bottom.
Contrast pale beige benefit cards with a run of dark navy feature cards to change pace mid-page.
Give the CTA card a vertical fluted-glass texture over the brand gradient.