Preview image. Unlock full-res
Dark centered pricing module with tier tabs, monthly-yearly toggle, keyword slider, feature checklist, and gradient Get started CTA.
Summary
Dark centered pricing module with tier tabs, monthly-yearly toggle, keyword slider, feature checklist, and gradient Get started CTA.
Visual description
Starfield dark purple background with A GENIUS CHOICE pill and headline Choose your rank tracker package according to your needs. Large rounded dark card contains four tier tabs (TIER 1 active with purple glow), segmented Monthly versus Yearly Saved 20% billing control with Monthly selected, KEYWORDS RANK TRACKER label with 200 value and purple gradient slider on a segmented track, two-column feature list with purple checkmarks (users, competitors, historical data, projects, AI tools, seasonality, SERP preview, traffic estimation, exports, pixel rank), bottom-left price $39 per month billed monthly, and bottom-right purple gradient Get started button.
Key takeaway
Combining tier tabs, billing toggle, and usage slider inside one card makes complex SaaS pricing feel like a single configurable product. Purple gradient on only the active tier and CTA keeps focus on the chosen plan.
Reuse notes
Interactive controls need accessible keyboard support and mobile stacking. Keyword-based pricing assumes buyers think in search volume units. Strong template for usage-based SEO and analytics tools.
