Stripe

Item: Stripe
Rating: 7.9

Payments and financial infrastructure for businesses of every size.

7.9/10MABTU rating

Professional services

Product roadmap

DESKTOP · 1440 × 14,654/in ↗

MOBILE · 390

Section outline · Home

01header76
02heroFinancial infrastructure to grow your revenue. Accept payments, offer financial services and implement custom revenue mo685
03portfolioFlexible solutions for every business model.2,196
04features grid560
05stepsThe backbone of global commerce977
06pricingTransform your enterprise with agile financial infrastructure4,187
07stepsReliable, extensible infrastructure for every stack.2,341
08features gridWhat's happening1,817
09cta380
10footer1,102

Rating · Home

Visual design9.0

UX & clarity8.4

Originality8.6

Craft & consistency9.1

Motion8.2

Performance & a11y8.0

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

Main colours

Light·white background·vivid

Typography

Sohneheading · sans · self-hosted Sohnebody · sans · self-hosted

Stack & style

Next.js Three.js React WebGL canvas

Minimal Editorial Corporate / clean Bento Gradient-heavy Illustration-led Rounded / soft Swiss grid Product-UI-led Bento grid Hero carousel Marquee Pricing table Process steps

Design DNA

White canvas framed by faint vertical hairline gutters, with a WebGL ribbon of orange, pink, violet and blue sweeping across the hero's right side. Sohne headline set as one long paragraph: first sentence navy #0D1738, the rest slate, gradient-tinted where the ribbon crosses it. Indigo #533AFD rectangular buttons with chevrons. A bento of product cards mixes phone checkout mocks, card renders and data tables on soft gradient washes. Mid-page switches to a deep indigo stats band with a particle globe and a navy developer section with node diagrams and code. Customer story cards use bold full-bleed imagery; closing footer is a four-column link grid.

Worth borrowing

Write the hero as one paragraph where only the first sentence is dark and the rest drops to slate, so headline and subhead share one type size.
Add a single live-updating proof number above the headline, styled as a small label and ticking value.
Let an abstract gradient ribbon cross behind the headline and tint the letters it overlaps.