# DESIGN.md — Stripe

> Signature purple, weight-300 elegance, engineered trust — distilled into a kit your coding agent can follow.
> Distilled by design.live · Fintech · stripe.com
> Agent prompt: "Use the design.live MCP and make it look like Stripe."

## Brand context
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

## Assets
logo (for light surfaces): https://cdn.design.live/v1/domain/stripe.com/logo?theme=dark
logo (for dark surfaces):  https://cdn.design.live/v1/domain/stripe.com/logo?theme=light
icon:                      https://cdn.design.live/v1/domain/stripe.com/icon

## Palette
#635BFF    accent
#0A2540    dark
#FFFFFF    light

## Type
title    Sohne Var (custom)
body     Sohne Var (custom)

## Type scale
display:    sohne-var, 300 weight
weights:    300 · 400 · 600
scale:      56 / 38 / 24 / 18 / 15
tracking:   tight above 38px

## Signature moves
- Angled gradient hero, −12°
- Weight-300 display over dense body
- 8px radius, 1px inset borders
- Trust chrome: logos before claims

## Evidence coverage (private beta)
screens indexed:       715
screens VLM-annotated: 715
workflows mapped:      26
workflows annotated:   26
platforms:             iOS, Web

## Mapped workflows
- Signing up for an account — iOS, 38 steps
- Creating a payment (charge card) — iOS, 17 steps
- Creating a payment link — iOS, 17 steps
- Home — iOS, 8 steps
- Creating a payment (hosted invoice) — iOS, 7 steps
- Adding a customer — iOS, 6 steps
- Editing charts — iOS, 6 steps
- Logging in — iOS, 6 steps
- Onboarding — iOS, 6 steps
- Invoices — iOS, 5 steps
- Payments — iOS, 5 steps
- Contacting support — iOS, 4 steps
- Customers — iOS, 4 steps
- Balances — iOS, 3 steps
- Deactivating a payment link — iOS, 3 steps
- Logging out — iOS, 3 steps
- Notification settings — iOS, 3 steps
- Payment links — iOS, 3 steps
- Searching Stripe Dashboard — iOS, 3 steps
- Sharing QR code — iOS, 3 steps
- About version update — iOS, 2 steps
- Account — iOS, 2 steps
- Copying link — iOS, 2 steps
- Sharing payment link — iOS, 2 steps
- Subscriptions — iOS, 2 steps

Evidence returned by the MCP is deduplicated, ranked for the request, and linked to source and permission provenance. Counts reflect the canonical evidence-store snapshot, not invented adoption or asset totals. Screen imagery is delivered through authenticated, metered MCP calls; it is not distributed on public pages.

## Retrieval
Ask the design.live MCP for the project brief, constraints, and desired Stripe qualities. It returns ranked evidence and an agent-ready implementation plan; do not copy a source screen wholesale.

— design.live/brands/stripe