Stripe Sessions

Item: Stripe Sessions
Rating: 7.8

Stripe's annual conference on payments and the internet economy.

stripesessions.com Save page

7.8/10MABTU rating

Home

DESKTOP · 1440 × 7,925/ ↗

MOBILE · 390

Section outline · Home

01heroThe internet economy conference916
02contentAbout Sessions835
03contentAgenda at a glance590
04media textCall for proposals1,346
05features gridConference passes595
06media textSpeakers1,103
07media textSponsors782
08faqFAQs542
09features grid1,002

Rating · Home

Visual design7.8

UX & clarity8.0

Originality7.2

Craft & consistency8.2

Motion6.0

Performance & a11y9.0

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

Main colours

Light·off white background·vivid

Typography

Söhneheading · sans · self-hosted Söhnebody · sans · self-hosted

Stack & style

Next.js Contentful React

Minimal Gradient-heavy Swiss grid Sticky header Logo cloud Pricing table FAQ accordion Live chat

Also: Vercel, Plausible

Design DNA

Off-white page with a light grotesk and deep aubergine pill buttons. The hero is a headline with date and venue columns above a wide rounded 3D ribbon render in magenta, orange and blue. Every section follows one pattern: a large title in the left column and content on the right, separated by hairlines: an about paragraph with keynote video, a three-day agenda, a call-for-proposals accordion with speaker photos, a pastel gradient pass card, a dark tile grid of speaker company logos, past-talk rows, sponsors, FAQ, and a deep purple footer repeating the ribbon.

Worth borrowing

Use a strict two-column pattern: section title left, content right, hairline between sections.
Show the agenda as three dated rows, each a short list of sessions.
Put speaker companies in a dark tile grid until names are announced.