Stripe
stripe.com/
Stripe is financial infrastructure for accepting payments, billing subscriptions, issuing cards, and moving money, aimed at businesses ranging from first-time sellers to the largest enterprises. Its headline, "Financial infrastructure to grow your revenue," is followed by a dense stack of scale claims: $1.9 trillion in payments volume processed in 2025, 135+ supported currencies and payment methods, 99.999% historical uptime, and processing 150,000 transactions per minute. Rather than one generic logo wall, the page pairs enterprise case studies (Hertz, Instacart, Le Monde) with a separate startup spotlight section, and cites that 88% of the Forbes AI 50 use Stripe — a figure aimed specifically at AI-company buyers rather than merchants generally.
- Category
- Finance & Commerce
- Style
- LightColorful
- Stack
- Next.js
- Fonts
- sohne-var
- Palette
- Meta title
- Stripe | Financial Infrastructure to Grow Your Revenue
- Sections
- 7
- Updated
Stripe's landing page, section by section
Each section below is cropped straight from Stripe's live page — useful references for finance & commerce landing page design.
Heroes
More heroesFeatures
More featuresContact Us
More contact usPricing & Plans
More pricing & plansCareers pages
More careers pagesBlog pages
More blog pagesStripe design review: what the page does, section by section
The home page runs 14,675 pixels at 1440px wide. Order: nav bar, gradient-ribbon hero, logo strip, five product cards, a video banner, a four-figure stats row, enterprise and startup case studies, a SaaS-platform block, a dark navy developer section, a news carousel, a book feature, a closing call to action and a four-column footer. Colour is white and pale blue-grey, with indigo #533afd on buttons, navy #061b31 for text and the dark band, and pink #fd86e5 in the artwork. The display face is sohne-var. Distinctive for finance: gradient artwork and product mockups replace stock imagery.
HeroesView crop
A two-tone headline, "Financial infrastructure to grow your revenue.", sits over a pink, orange and violet ribbon sweeping in from the top right. One indigo button reads "Request an invite". A ticker line above reads "Global GDP running on Stripe", and a strip of seven customer logos closes the screen.
FeaturesView crop
The crop shows the startup block: the heading "Build a foundation for your startup that enables faster growth", a paragraph and an indigo "Stripe for startups" button. A carousel of dark story cards covers Lovable, Gamma, Runway and Supabase, each with a one-line headline and a "Read ... story" link. Two pale cards, "Stripe Startups programme" and "Stripe Atlas", follow.
FootersView crop
The footer is a pale blue-grey field split into four hairline-divided columns. "Products and pricing" holds about thirty links, "Solutions" sits over "Developers", "Integrations and custom solutions" over "Resources", and "Company" over "Support" with a "Sign in" link. A bottom row carries an "India (English)" locale picker, the copyright line and a navy parallelogram mark.
Pricing & PlansView crop
This tall capture is a support-plans page. The headline "Grow faster with Stripe technical expertise" sits above a diagonal gradient band, followed by four benefit columns and a logo grid of eight. A "99.999%" figure appears in gradient type. A comparison table with "Growth", "Premium" and "Enterprise" columns uses check marks.
Contact UsView crop
The contact route is a centred white card on a faint ruled grid, headed "Let's get you to the right place". A three-step tracker reads "Your email", "Your info", "Let's talk". The fields are "Work email" and "Country/Region", set to India, with a note about invite-only access. A pill "Continue" button sits bottom right.
Careers pagesView crop
A separate "stripe careers" header carries three text links and an indigo "Open roles" button. The headline "Implement the conditions for prosperity" leads into a full-width painted illustration, then mission copy, office photographs and long essay text. Gradient-coloured stats, a news carousel, four accordion questions and three photo cards finish the page.
Blog pagesView crop
The blog index runs 11,300 pixels. A featured card with a dotted world map opens it, then filter pills "All", "Corporate", "Engineering", "Industry" and "Product". Each post is a row: category, title, excerpt, author and date on the left, a large illustrated tile on the right, such as "+44 pp" or "$18.4M". A "Recent highlights" row interrupts the list.
On mobile
At 390px the layout is one column and the nav collapses to a hamburger. The hero keeps its headline and "Request an invite" button full width, but the logo strip shows only "OpenAI" and Amazon. Product cards stack, stats form a two-by-two grid, buttons become full-width indigo bars, and the footer is one long list. Text stays legible.
Worth borrowing
- Pair a dark first clause with a slate second clause in headlines, as in the hero, so one sentence holds both promise and detail.
- Reuse one gradient ribbon across the hero, support, contact and blog pages so subpages read as the same site.
- Put real-looking product UI, such as a checkout form and usage chart, inside feature cards instead of icons.
