Pricing Page Website Design Examples

25 real sites · 779 sections

There are 25 pricing page website designs here — live sites that publish plans and pricing on the homepage, including Affirm, Gusto, Peloton, Amplitude and Windsurf — cut into 779 sections. 80% use a light theme and 20% a dark one; the most common headline fonts are Inter (2), Axiforma for Affirm (1) and Boogy Brut (1). 17 of 25 open with a hero, 5 show pricing on the homepage and 6 carry testimonials.

At a glance

Sites: 25
Sections captured: 779
Light / dark: 80% light · 20% dark
Top heading fonts: Inter (2), Axiforma for Affirm (1) and Boogy Brut (1)
Accent colours: blue 6red 6neutral 4
Most common sections: features (24), hero (17), statement (15) and faq (12)
Top industries: Health & Fitness (6), Finance (5) and Lifestyle (5)
Award winners: 0 of 25

What makes a good pricing page website design

Sites that show pricing on the homepage are confident about their offer: tiers are simple, the recommended plan is highlighted and the path from price to sign-up is short.

What these 25 pricing page websites have in common

Measured from the captures, not opinion — use it to plan a pricing page website against what already works.

Sections they use

24 include features, 17 include hero, 15 include statement and 12 include faq. 12 answer objections with an FAQ and 9 (36%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → footer → testimonials → faq. Compare them side by side: features section examples, hero section examples, statement section examples.

Type and colour

Light layouts lead (80% vs 20% dark). Headlines are most often set in Inter (2), Axiforma for Affirm (1) and Boogy Brut (1). The most common accent hues are blue (6), red (6) and neutral (4). Every example lists its exact fonts and hex palette on its page.

Page length

The average homepage here is about 7,653px tall at desktop width — roughly 9 screens of scrolling, with Komoot the longest at 11,000px. Open any site to scroll the full-page capture and see where each section falls.

25 pricing page website designs worth studying

Amplitude — “From analytics to feedback to code, Amplitude brings AI into every step of building self-improving products. Start free with 2M events per month.” 77 sections, headlines in Twemoji Country Flags, light theme, palette #000000 and #ffffff; the homepage runs hero → logo cloud → integrations → features.
Virgin Voyages — “Ahoy Sailor! Welcome to Virgin Voyages: our adult only cruise ships redefine luxury cruise vacations to the Caribbean, Mediterranean, Europe, and beyond.” 22 sections, headlines in VVCentra2, light theme, palette #ffffff and #cc0000; the homepage runs hero → features → footer.
AdPanel — “Self-serve social software for small teams. Schedule posts, run comment-to-DM flows, and create UGC ads from one workspace — from $20/mo.” 15 sections, headlines in Sf Pro Display, light theme, palette #000000 and #ffffff; the homepage runs hero → features → how it works → footer.
Gusto — “Gusto | Gusto offers fully integrated online HR services: payroll, benefits and everything else.” 48 sections, headlines in Boogy Brut, light theme, palette #1c1b1a and #ffffff; the homepage runs hero → logo cloud → features → testimonials.
Sweat — “Work out anywhere, anytime with 50+ programs and 13,000+ workouts. The Sweat app has transformed the lives of millions of women. Start your free trial today.” 16 sections, headlines in Gilroy, light theme, palette #ffffff and #ff4c89; the homepage runs hero → stats → statement → features.
Runna — “Runna is the world’s best running coaching app, making expert coaching affordable and accessible for everyone. Get started.” 48 sections, headlines in Manrope, light theme, palette #ffffff and #161616; the homepage runs hero → logo cloud → testimonials → features.

How to use these references for a pricing page website

Highlight one plan, keep three or fewer tiers visible, add a monthly/annual toggle and answer the two or three biggest pricing questions right below the table. Start with Affirm, Gusto and Peloton, open each site at full size and compare their features and hero sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.