Stripe | Financial Infrastructure to Grow Your Revenue
Video · Light
Design System Inspiration
Stripe — extracted via DESIGN.md
Fintech · Payment processing
Typography
sohne-var
Heading
SourceCodePro
Body
Color palette
TL;DR
Stripe’s visual identity is defined by a high-contrast relationship between a pure white foundation (#ffffff) and a singular, high-voltage primary accent (#533afd). The system relies on the **Söhne** typeface, specifically leveraging a signature weight of 300 for display headlines to create an editorial, precise atmosphere. Layouts are characterized by generous whitespace and a "monochrome-plus-one" strategy where color is used strictly for utility (CTAs) or high-impact brand moments. Components use a tight 4px border radius and subtle, multi-layered shadows to establish a professional, software-first aesthetic.
Target audience
The site targets businesses of all sizes, from startups to enterprises, seeking robust and flexible financial infrastructure solutions.
Meta description
Stripe is a financial services platform that helps all types of businesses accept payments, build flexible billing models, and manage money movement.
Brand Voice
Authoritative, architectural, and highly functional.
Positioning
Stripe is the financial infrastructure for the internet, providing a reliable and extensible platform for businesses of all sizes (from startups to the Fortune 100) to manage payments, billing, and global commerce.
Voice principles
- —Architectural: Uses structural language like "backbone," "infrastructure," and "foundation" to convey permanence and scale.
- —Action-Oriented: Leads with strong verbs (Accept, Monetize, Create, Embed) to emphasize utility and capability.
- —Precise: Employs technical and financial accuracy without unnecessary jargon, focusing on specific outcomes like "usage-based billing" or "borderless money movement."
- —Confident: States facts and capabilities plainly without hyperbole, relying on scale metrics and partner names to establish trust.
