PlanetScale: Interactive database pricing configurator with live monthly-total estimate and resource calculator
A near-monochrome white pricing page anchored by a full-width interactive configurator: stacked option groups (Region, Database engine, Cluster configuration, Cluster type, Architecture, Storage, Egress bandwidth) with radio cards, sliders and a live resource table that compute an "Estimated monthly total: $15" beside an orange Get started button. The signature treatment is this calculator-as-pricing approach with monospace labels, yellow-highlighted "Includes 3 nodes" rows, and inline NEW/architecture badges, set against a thin black top promo bar and a dashed-border feature grid plus long-form plan documentation below.
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/planetscale-interactive-database-pricing-configurator-with-live-monthly-total-estimate-and-resource-calculator.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from PlanetScale
- Feature — Base Plan + pricing factors prose
- Banner — Black announcement bar with yellow CTA pill
- Hero — Compact text hero with top promo banner
- Feature — Cost and pricing advantages
- Testimonial / Social Proof — Cursor CPO inline quote
- Database platform landing page with massive logo wall and tabbed architecture diagram
- Feature — Enterprise plan explainer
- Feature — Enterprise support feature grid
- Feature — Features summary bullet list
- Pricing / Plans — Interactive configurator with resource table + estimate
- Footer — Multi-column footer with legal + social
- Logo Wall — Nine-row customer logo grid