Framer: Pricing Page with Plan Comparison
Flexible, scalable SaaS pricing that starts free and grows with your business. The page presents four plan tiers (Free, Pro, Advanced, Pro Plus) in a card-based grid layout with clear feature comparisons, a pricing toggle for annual/monthly billing, and an FAQ section addressing common questions about billing, features, and account management.
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/framer-credit-based-pricing-tiers-with-feature-comparison-matrix.
Palette
#000000#0A0A0A#1A1A1A#2D8CFF#FFFFFF
Fonts
GT Walsheim
Page types
Pricing
UX patterns
Dark ModePricing ToggleUpgrade PromptUsage Meter
UI elements
Pricing CardTableNavigation BarToggleTabsBadge
Context
More from Framer
- Feature — AI Agents Feature Overview
- Feature — Landing page with AI agent onboarding
- AI website builder dark landing page
- AI website builder product features overview
- Feature — Community Dashboard
- Feature — Community Feed & Marketplace
- Logo Wall — Customer logo grid on dark background
- Hero — AI website builder editor with live preview
- Gallery / Showcase — Portfolio template grid showcase with pricing
- Navbar — Framer — Global Navbar
- Login — Framer — Login
- Gallery / Showcase — Template gallery browsing