Adyen

Item: Adyen
Rating: 7

Payments, data and financial products platform for enterprises.

7.0/10MABTU rating

DESKTOP · 1440 × 12,283/ ↗

MOBILE · 390

Section outline · Home

01heroDark photo, green tag and button, logo row72
02valueStatement and card carousel900
03platformNavy band, wireframe globe, product accordion1,520
04industriesIndustry accordion beside terminal photo450
05statsRight-aligned big numbers on hairlines1,350
06storiesArt tile and logo story grid1,350
07ctaFull green band, navy footer with dot globe1,374

Rating · Home

Visual design7.4

UX & clarity6.8

Originality6.8

Craft & consistency6.8

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

Adyenheading · font · self-hosted Adyenbody · font · self-hosted

Stack & style

Nuxt Vue Tailwind CSS

Minimal Photography-led Swiss grid FAQ accordion Hero video Logo cloud Process steps Stats band Sticky header Transparent header

Also: OneTrust, Netlify

Design DNA

Wide white canvas with small, medium-weight grotesk statements set off-centre and lots of empty space. Hero is a dim photo with a centred headline, a monospace green tag and a bright Adyen-green button, with a white logo row. Sections use hairline dividers: an industry accordion beside a terminal photo, a stats list with huge right-aligned figures (EUR 1.4 trillion, 99.999%) and tiny monospace labels, a navy band with thin green wireframe globe and isometric stack diagrams, a customer story grid with one colourful art tile and grey logo tiles, and a full green CTA band.

Worth borrowing

List platform stats as huge right-aligned numbers with tiny monospace labels on hairline rows.
Draw infrastructure as thin green wireframe globes and isometric stacks on navy.
Put the industry list in an accordion that swaps a single photo on the right.