Stripe builds economic infrastructure for internet businesses, from payments to broader business-management software. Its official newsroom frames that mission around increasing the GDP of the internet, while the current public Docs surfaces turn the same infrastructure stance into an information-dense, quiet interface. The supplied capture covers Docs home, Payments documentation, and API reference—not the marketing home, Dashboard, or checkout. Across those public documentation routes, a restrained blue-gray text hierarchy sits on white and faintly cool surfaces, with purple/indigo used for links and API-reference accents. The visual character is therefore best described as product documentation chrome: readable, compact, and deliberately non-promotional. Stripe’s official operating principles add the relevant brand context—users first, craft and beauty, urgency and focus, and careful foundations—but they do not authorize treating marketing art direction as a Docs token.
Accent
Neutrals
Type Scale
Verified size, weight, line-height, and tracking. Family is omitted when unresolved.
Spacing
| Purpose | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 6px | |
| md | 8px | |
| lg | 12px | |
| xl | 16px | |
| xxl | 24px |
Border Radius
| Element | Value | Preview |
|---|---|---|
| lgStructured token | 8px | |
| mdStructured token | 6px | |
| smStructured token | 4px |
Do and Don't guidelines parsed from DESIGN.md.
Do
Don't
Tabs
Buttons