OK Converted to Markdown (873 tokens) via ui (design style guide (html) via Playwright) UI Report: Stripe | Financial Infrastructure to Grow Your Revenue

Design Style Guide

https://stripe.com · 2026-05-15 · 1280×720

Color Palette

Background

#ffffff 32x
#7f7dfc 31x
#e5edf5 17x
#f8fafd 7x
#533afd 5x
#e2e4ff 3x
#ffe0d1 2x
rgba(248, 251, 253, 0.45) 2x
rgba(255, 255, 255, 0.38) 2x
#00d66f 2x
#ecf0f4 2x
#ffe5da 2x

Text

#000000 850x
#533afd 286x
#061b31 235x
#50617a 108x
#64748d 80x
#2874ad 23x
#0000ee 22x
#ff6118 18x
#3c4f69 18x
#667691 18x
#ffffff 16x
#273951 16x

Border

#e5edf5 68x
#000000 44x
#061b31 15x
#50617a 10x
#f6f9fc 4x
#d6d9fc 4x
#e2e4ff 3x
#e7ecf1 2x
rgba(45, 145, 225, 0.2) 2x
#ffffff 1x
#ff6118 1x
#d4d4d4 1x

Typography

Display / H1 ┬╖ sohne-var ┬╖ 56px ┬╖ w300
The backbone of global commerce
Display / H1 ┬╖ sohne-var ┬╖ 48px ┬╖ w300
Building the economic infrastructure for
Display / H1 ┬╖ sohne-var ┬╖ 43.2px ┬╖ w300
Financial infrastructure to grow your re
Display / H1 ┬╖ sohne-var ┬╖ 32px ┬╖ w300
Flexible solutions for every business mo
Body ┬╖ sohne-var ┬╖ 26px ┬╖ w400
Accept and optimise payments globally ΓÇô
H3 ┬╖ sohne-var ┬╖ 26px ┬╖ w300
Accept and optimise payments globally ΓÇô
H3 ┬╖ sohne-var ┬╖ 22px ┬╖ w300
Hertz unifies commerce with Stripe.
Body ┬╖ sohne-var ┬╖ 18px ┬╖ w300
50% of Fortune 100 companies have used S
Body ┬╖ sohne-var ┬╖ 16px ┬╖ w400
{"@context":"https://schema.org","@graph
Body ┬╖ sohne-var ┬╖ 16px ┬╖ w300
currencies and payment methods supported
Body ┬╖ sohne-var ┬╖ 15px ┬╖ w400
Jackson Hot Yoga
Body Small ┬╖ sohne-var ┬╖ 14px ┬╖ w400
Products
Body Small ┬╖ sohne-var ┬╖ 14px ┬╖ w300
1.64718635%1.64718635%
Body Small ┬╖ sohne-var ┬╖ 13px ┬╖ w400
Pay A$72.00
Caption ┬╖ sohne-var ┬╖ 12px ┬╖ w400
Order summaryZusammenfassung der Bestell

Spacing Scale

1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
11px
12px
13px
14px
15px
16px
17px
18px
20px
22px

Component Patterns

bg: transparent
radius: 4px
padding: 12px 0px