Zapier

Item: Zapier
Rating: 7.5

Automation platform connecting AI and 9,000+ apps.

7.5/10MABTU rating

DESKTOP · 1440 × 15,339/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, two CTAs, stats, MCP picker1,174
02logo cloudEnterprise logo row
03features2x2 UI-on-photo cards1,691
04featuresArchitecture diagram with stats footer
05ctaDark green split with photo
06featuresTabbed workflow canvas on sky photo
07testimonialsSerif quote, stats, photo carousel1,333
08statsDark band, giant counter, chart, use chips1,990
09templatesSix template cards918
10featuresAlternating copy lists and photo UI2,328
11securityIcon row and controls diagram936
12ctaDark brown band, app directory footer392

Rating · Home

Visual design8.1

UX & clarity7.8

Originality7.6

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Degular Displayheading · display · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Contentful

Minimal Editorial Corporate / clean Illustration-led Photography-led Product-UI-led Bento grid Live chat Logo cloud Mega menu Pricing table Process steps Stats band Sticky header Tabs Testimonial slider

Also: Intercom, OneTrust, Google Tag Manager, HubSpot, Google Analytics, Meta Pixel, Vercel, Amazon CloudFront

Design DNA

Cream (#FFFDF9-like) page with Zapier orange for buttons and highlighted headline words, a grotesk for headings and a light serif for quotes and mobile section titles. UI screenshots float on blurred sky, sand and foliage photographs. Hero has stats, compliance badges, an MCP client picker and a survey card. A 2x2 governance grid, a white-lined MCP/SDK architecture diagram, a tabbed workflow canvas on clouds, a serif case quote beside a hazy photo, a dark brown band with a huge 593,138,976 counter and line chart, template cards and an A-Z app directory footer.

Worth borrowing

Float product screenshots over soft-focus nature photos instead of flat gradient backgrounds.
Show scale with one huge running counter and a hand-drawn-style growth line on a dark band.
Colour only the outcome words of each headline in the brand orange.