Stripe

Confident financial infrastructure brand in signature indigo-violet, clean sans-serif type, and generous whitespace.

Financial infrastructure to grow your revenue. Accept payments, offer financial services, and implement custom revenue models—from your first transaction to your billionth.

What Coherent builds from this

generated · not Stripe's site

An original page Coherent generated from Stripe's tokens — its palette, type, and shape applied to fresh content. This is the output, not a screenshot of Stripe.

generated-with-coherent · stripe

A landing page generated by Coherent from Stripe's design tokens

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download stripe.mdthen, in your project:

$ npm i -g @getcoherent/cli
$ coherent import design stripe.md

Colour

#533afd

brand · icon text

#81b81a

accent · h1 text

#ffffff

background · a text

#000000

text · body text

#061b31

text · h2 text

#64748d

text · p text

Typography

Families: sohne-var · SF Pro Display · sans-serif

h148pxw300/55.2px

body16pxw400/normal

Spacing

8px10px16px17px24px28px

Radius

0px

4px

6px

Extracted from live CSS by Coherent (light mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.

Save stripe.md to your device

Open it on your desktop to run the CLI.