stripe.design.md
Stripe.
Signature purple, weight-300 elegance, engineered trust — distilled into a kit your coding agent can follow.
715 screens indexed26 flows mappediOS + Web · private beta
In the kit
Generated guide · Markdown↓ Free
Evidence coverage
715screens26workflows715VLM annotated
Type & palette
Aa 300 · 400 · 600
Brand assets
Logo variants, mirrored and stable.
Served from the design.live CDN at a stable resolver URL, so an agent never has to scrape a brand site at request time.
Palette
Stripe colours, ready to paste.
Hex values as recorded in the brand record. Click any swatch to copy it.
accent
dark
light
Typography
The type the brand actually ships.
Recorded from the brand record and the curated design distillation, with role and origin.
Aa
Sohne Var
Aa
Sohne Var
sohne-var, 300 weight
- Weights
- 300 · 400 · 600
- Scale
- 56 / 38 / 24 / 18 / 15
- Tracking
- tight above 38px
Brand context
What an agent needs to know first.
AI-ready positioning, distilled into the same context block the MCP returns.
Financial infrastructure for the internet
Stripe provides payments infrastructure and APIs that enable businesses of all sizes—from startups to large enterprises—to accept payments online and manage financial operations over the internet.
Audiences
- Startups
- Enterprises
- Online Marketplaces and Platforms
Design evidence
How the product behaves.
Counts come from the canonical evidence store. Screens and ordered steps are delivered through the authenticated MCP, not rendered here.
715screens indexedBrowse screen coverage 26workflows mappedBrowse flows
715screens VLM annotatedcomponents · states · accessibility
- Signing up for an accountiOS · 38 steps
- Creating a payment (charge card)iOS · 17 steps
- Creating a payment linkiOS · 17 steps
- HomeiOS · 8 steps
- Creating a payment (hosted invoice)iOS · 7 steps
- Adding a customeriOS · 6 steps
- Editing chartsiOS · 6 steps
- Logging iniOS · 6 steps
Type
Aa
sohne-var, 300 weight
56 / 38 / 24 / 18 / 15 · tight above 38px
Signature moves
01Angled gradient hero, −12°02Weight-300 display over dense body038px radius, 1px inset borders04Trust chrome: logos before claims