Preview image. Unlock full-res
Full pricing page with a blue hero header, four-tier plan cards, and a deep feature-and-limits comparison grid ending in add-ons.
Summary
An exhaustive SaaS pricing section that opens with plan selection and monthly-or-annual billing, then scrolls through tier cards, cumulative feature lists, granular usage limits, and a separate add-ons block.
Visual description
Top band sits on royal blue with white "Plans & pricing" title, short subcopy, and a billing toggle: "Pay monthly" underlined in orange (active) beside "Pay annually" with a diamond icon and "get 2 months free" note. Below on white, four plan columns (Lite, Standard, Advanced, Enterprise) each show a plan name, "Starts at" price ($99 through custom), orange "Get started" or "Talk to us" button, and one-line audience descriptor. A Features block lists tools per tier with "All in [plan], plus:" cumulative headings and occasional yellow "New" or orange "Soon" badges. A Limits section follows as a wide comparison table: row labels on the left (users, credits, projects, historical data, rank tracker, site audit, keywords explorer) with numeric values aligned under each plan column; small info icons sit beside many labels. Footer add-ons area uses a light peach background with explanatory copy and a smaller allowance-and-cost table for extra users, data credits, and tools.
Key takeaway
The cumulative "All in X, plus" framing makes upgrades feel additive rather than repetitive. Separating headline pricing from a limits matrix lets power users self-qualify without cluttering the first fold.
Reuse notes
Reference pattern for complex B2B SaaS with many SKUs and metered limits. Demands rigorous content maintenance; stale numbers undermine trust. Best when orange CTAs and blue brand fields are already established elsewhere on the site.
