Plane

Item: Plane
Rating: 7.3

Global payroll, HR and contractor payments with an API for agents.

plane.com Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 11,228/ ↗

MOBILE · 390

Section outline · Home

01heroTwo-tone headline on grid, violet button701
02productWide CLI and HR UI screenshot750
03featuresAPI, CLI, sandbox list604
04testimonialCharcoal band, big quote, logos
05featuresNumbered rows with UI cards304
06featuresChat UI mockup
07case studyCharcoal MatX story band
08featuresThree line-art sketches1,061
09pricingFee list and amount comparison1,232
10testimonialB/W portrait with quote549
11ctaCharcoal band, two buttons603

Rating · Home

Visual design7.6

UX & clarity7.6

Originality7.0

Craft & consistency7.6

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·muted

Typography

Roobertheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Swiss grid Product-UI-led Logo cloud Pricing table Live chat Stats band Process steps

Also: Intercom, HubSpot, Hotjar, Meta Pixel, Google Analytics, Google Tag Manager, Netlify

Design DNA

White page ruled by a visible hairline column grid and faint dot pattern, with a bold tight grotesk where the second line of each headline turns grey. Violet appears only in buttons and highlighted words. The hero is a huge left-aligned two-tone headline over a wide screenshot of CLI and HR UI. Feature rows alternate short text and bordered UI cards inside grid cells. Charcoal bands hold a large centred customer quote and logo row. Line-art 3D sketches explain worker types, pricing compares $8,500 vs $7,822 with bars, and a black-and-white portrait anchors a testimonial.

Worth borrowing

Leave the layout grid visible as hairlines so every card sits inside a drawn cell.
Turn the second line of the headline mid-grey to separate category from promise.
Explain pricing with two big amounts and small bars instead of a plan table.