all examplescached · revalidates daily
// extracted2026-09-29 · 05:54:59 utc·deterministic·497,436 bytes css · 7 sheets

Stripe

stripe.com

Stripe is a financial services platform that helps all types of businesses accept payments, build flexible billing models, and manage money movement.

18 colours·0 type roles·13 spacing steps·5 radii·3 shadows

Colours / 18

from 497,436 bytes

Primary

color-brandCITED
#533AFD
buttons, links, headings33 CITES
color-accentCITED
#665EFD
buttons, headings, cards8 CITES
color-secondaryCITED
#7389FF
general UI1 CITES
color-primary-4CITED
#F96BEE
links, backgrounds14 CITES
color-primary-5CITED
#2C2484
general UI12 CITES
color-primary-6CITED
#122054
borders, form fields12 CITES
color-primary-7CITED
#222069
general UI12 CITES
color-primary-8CITED
#7B7EFF
general UI8 CITES

Neutral

color-neutral-1CITED
#000000
form fields2 CITES
color-gray-200CITED
#95A4BA
general UI1 CITES
color-gray-50CITED
#D4DEE9
general UI1 CITES
color-gray-50-2CITED
#E0E0E0
form fields8 CITES
color-gray-50-3CITED
#D9EBFF
general UI16 CITES
color-gray-50-4CITED
#E3ECF7
headings16 CITES
color-gray-50-5CITED
#E8E9FF
buttons, cards, form fields1 CITES
color-gray-50-6CITED
#FFE5DA
buttons, form fields1 CITES
color-gray-50-7CITED
#FFE6F5
backgrounds1 CITES
color-gray-50-8CITED
#FEE8EB
general UI1 CITES

Spacing / 13 steps

extracted from padding · margin · gap
space-10px
space-24px
space-38px
space-412px
space-516px
space-620px
space-724px
space-832px
space-940px
space-1048px
space-1164px
space-1280px
space-1396px

Radius / 5 values

extracted from border-radius
radius-sm2px
radius-md4px
radius-lg6px
radius-xl10px
radius-fullfull

Elevation / 3 levels

box-shadow · grouped by blur
shadow-smCards at rest, low ambient elevation
shadow-mdDropdowns, popovers
shadow-lgModals, overlays