Stripe Dot Dev

Item: Stripe Dot Dev
Rating: 8.3

Stripe's developer hub for posts, videos, events and integration guides.

8.3/10MABTU rating

DESKTOP · 1440 × 6,618/ ↗

MOBILE · 390

Section outline · Home

01herostripe.dev - Stripe Developer hub424
02hero358
03features gridFeatured (20)1,313
04contentGet help (4)646
05features gridRouter (12)1,018
06features grid253
07content900
08content1,800

Rating · Home

Visual design8.4

UX & clarity7.8

Originality8.8

Craft & consistency8.5

Motion7.0

Performance & a11y9.0

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

Main colours

Light·light grey background·mono

Typography

Söhneheading · sans · self-hosted Söhnebody · sans · self-hosted Söhne Monoaccent · mono · self-hosted

Stack & style

Next.js React

Minimal Editorial Monochrome Swiss grid Marquee Stats band Tabs

Also: Vercel

Design DNA

Pale grey-white canvas with faint gradient, a condensed grotesk display ('Welcome to Stripe Dot Dev' with a mixed-weight 'Dev') and tiny monospace labels prefixed with slashes. Featured cards hold wireframe line-art figures framed like 'FIG. 1' plates. A ticker of statistics, a 'Featured' index with a filter sidebar and a dense dated table of posts, videos and events with one mint-highlighted row, 'Get help' and 'Router' sections with outlined pill buttons, and a footer dominated by a giant extruded wireframe 'DEVELOPERS' wordmark.

Worth borrowing

Frame article art as numbered technical plates ('FIG. 1') with hairline borders and corner marks.
List all content as a dated index table with a filter sidebar and one highlighted row.
End the page with a giant wireframe-extruded wordmark in outline strokes.