Paddle

Item: Paddle
Rating: 7.2

Merchant of record for software businesses: payments, tax and billing.

7.2/10MABTU rating

DESKTOP · 1440 × 6,381/ ↗

MOBILE · 390

Section outline · Home

01heroCentred serif, two buttons, big logos408
02featuresBeige tabbed card with billing UI128
03case studiesCase cards with mono metrics258
04statsThree serif numbers and logo row
05featuresCopy left, icon benefit grid right507
06ctaYellow block with crosshair lines668
07linksThree dark route columns
08footerBlack link footer

Rating · Home

Visual design7.5

UX & clarity7.3

Originality7.0

Craft & consistency7.1

Motion6.0

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Serrif Condensedheading · font · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Prismic

Minimal Editorial Product-UI-led Bento grid Logo cloud Process steps Stats band Sticky header Tabs

Also: Google Analytics, Google Tag Manager, HubSpot, Netlify

Design DNA

White and stone-beige bands with a light serif display face at large sizes, small grotesk body and black buttons with a yellow square arrow. The hero centres the headline over four big customer logos. A beige product card holds billing copy beside a dark dashboard and phone mockup with a heavy soft shadow. Proof uses white case cards with mono metric labels on beige, then big serif stats. A yellow block is split by thin black crosshair lines, and the footer area opens with three dark columns (Explore, Pricing, Get started) before a black link footer.

Worth borrowing

Cut a flat yellow CTA block with thin crosshair lines like a printed registration mark.
Set metric labels in tiny uppercase mono under large serif numbers.
End with three equal dark columns as final routes before the footer.