Software Pricing Template
Plans, compared and answered.A dedicated pricing page: a centered hero, a full plan-comparison table, a feature recap, an FAQ and social proof before the final call to action — styled by your tokens.
When to use this template
A pricing page has one job — make the choice between plans obvious, and answer the objection before it is raised.
This one is dressed in Software copy and runs 8 sections, opening on the Vantage navbar and closing with the Anchor footer. In between it covers hero, pricing and features.
At a glance
- Page type
- Pricing
- Business
- Software
- Sections
- 8
- Section types
- 8
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
8 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Vantage
NavbarA classic bar: logo on the left, inline nav in the middle, a sign-in link and a solid call to action on the right.
-
Beacon
HeroA centered opening with an announcement pill, headline, two calls to action and a social-proof row, above a wide dashboard mock.
-
Tally
PricingA full feature-comparison table: features down the first column, plans across the top, with the popular column tinted.
-
Cascade
FeaturesA sticky heading on the left beside a divided vertical list of features, each led by an icon tile.
-
Index
FAQA two-column grid of open question-and-answer pairs — nothing hidden, everything readable at a glance.
-
Anthem
TestimonialsAn aside carrying a large aggregate score and review count, beside a vertical stack of compact quote cards.
-
Split
Call to actionA horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.
-
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.