PlanetScale — Pricing / Plans
Two-column build-your-plan tool: left has radio groups (region, Postgres vs Vitess engine, primary+replica vs single node, storage type) and an itemized 3-node resource table showing vCPU and memory; right is a plain-text PlanetScale Postgres tier summary (Single node, High Availability, Metal, Vitess) and a 'Get in touch' callout box.
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-configurator-with-resource-table-estimate.
Measured spec
| Scheme | light |
| Background | #FAFAFA |
| Text | #BBBAB9 |
| Contrast | 1.86 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.101 |
| Measured size | 1600×2593 px |
Palette
#ffffff#f26322#f5f5f4
Fonts
SF Mono
Page types
Detail
UX patterns
Usage Meter
UI elements
FormTableDropdownToggleBadgeCardCode Block
Context
- Parent page: Interactive database pricing configurator with live monthly-total estimate and resource calculator
- All of PlanetScale