Webflow: Pricing page with tiered plans and add-ons
A pricing page for a website builder and commerce platform. The page displays tiered subscription plans organized by site plans and platform plans, each with distinct pricing tiers (Professional, Team, Enterprise), followed by modular add-on options. Features a toggle for annual pricing, comparison tables, FAQ section, and clear CTA buttons for each plan tier.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/webflow-multi-tier-pricing-table-with-billing-toggle-add-ons-tabs-and-long-faq-accordion.
Palette
#FFFFFF#146EF5#080808#F4F4F4#1A1A1A
Fonts
WF Visual Sans Variable
Page types
Pricing
UX patterns
Pricing ToggleFilter & Sorting
UI elements
Navigation BarPricing CardTableTabsToggleBadgeCard
Context
More from Webflow
- Testimonial / Social Proof — 300,000+ brands swipeable quote carousel
- Comparison — Compare-all-plans buttons strip
- CTA / Sign-up — Competitive-edge CTA over Jasper site showcase
- Logo Wall — Dark 'Made in Webflow' logo wall over product collage
- Pricing / Plans — Dual Site plans / Platform plans card tables
- Feature — Ecommerce and Workspace plans expandable rows
- Feature — Everything marketing teams love accordion with inline dropdown
- Gallery / Showcase — From idea to impact dark product showcase
- Hero — Giant grotesk hero with three promo cards
- Logo Wall — Grayscale customer logo wall
- CTA / Sign-up — Large stakes statement with Discover Webflow AI button
- FAQ — Long topic-grouped accordion FAQ