# DESIGN.md — Stripe

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

## Palette
#635bff    blurple — CTAs, links
#0a2540    ink — headings, nav
#00d4ff    gradient partner
#f6f9fc    section fills

## Type
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

## Components
buttons · nav · pricing table · code panel · logo wall · footer

## Kit
icons:      248 glyphs (SVG · PNG · font)
tokens:     .css · .json
recipes:    24 component recipes

— design.live/brands/stripe