PostHog: Usage-based pricing with free tier and plan toggle
A two-column pricing layout pairing a nostalgic retro software-box illustration with plan details, a Free vs Pay-as-you-go selector, a checklist of included features, and a cloud-region picker leading to a prominent CTA. A skeuomorphic desktop OS frame with icon dock surrounds the content, with a sticky jump-to nav on the right and a playful cookie banner overlay.
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/posthog-usage-based-pricing-with-free-tier-and-plan-toggle.
Palette
#F1ECDF#F2A60C#1D1D1B#FFFFFF#3FA66A
Fonts
Open RundeIBM Plex Sans
Page types
Pricing
UX patterns
Pricing ToggleUsage MeterUpgrade Prompt
UI elements
Navigation BarCardPricing CardBadgeToggle
Context
More from PostHog
- Feature — A note from our co-founder — our pricing is designed to make you happy
- Comparison — Compare plans — Free vs Pay-as-you-go cards with just-pick-this-one callout
- Comparison — Compare to similar products — Amplitude to FullStory capability check matrix
- Customer reference table in a desktop-OS document window
- Testimonial / Social Proof — customers.mdx — full customer reference table with products used and case-study links
- Desktop OS-style company about page in document editor window
- Desktop OS-themed product landing hero
- Feature — Everything in one place — 10+ products, mini-startup teams
- Feature — Free tier on all plans — per-product monthly allowance tile grid
- Integrations — Frequently purchased with — Supabase, DigitalOcean, Vercel cards
- Hero — From the desk of James Hawkins — we're here to help product engineers
- Feature — Interactive pricing calculator — event sliders, add-ons and platform packages