Design system · SaaS · Fintech

Stripe

A DESIGN.md reference for Stripe's public marketing surface

Open in Codecaine

No Codecaine yet? Get it free

Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine.

Stripe

About

A DESIGN.md reference for Stripe's public marketing surface — colour, type, spacing, radius, elevation and component tokens with the rules for using them. Unofficial and unaffiliated.

Designed for

  • Fintech and developer platforms with dense pricing and product detail
  • Giving an assistant exact colour, type, radius and elevation tokens to build with
  • Studying how a mature brand reduces its UI to a handful of rules

Details

Version
1.0.0
Updated
Sep 25, 2026
Fonts
sohne-var
License
CC-BY-4.0
Download
27 KB · 2 files

Keywords

fintechnavyindigolayered-shadowseditoriallight

Palette

Every colour token in its DESIGN.md.

primary#635BFF

primary-strong#533AFD

ink#0A2540

ink-deep#061B31

body#3C4F69

muted#64748D

muted-light#707F98

footer-link#50617A

slate#273951

black#000000

surface#FFFFFF

surface-alt#F8FAFD

surface-tint#E5EDF5

hairline#E5EDF5

link-classic#0000EE

accent-orange#FF6118

More design systems

See all 8