PlanetScale — Hero

Dev Tools · Hero

Logo and horizontal nav (Platform, Resources, Documentation, Pricing, Contact) with Log in / Get started / orange 'Get in touch' actions, followed by a small orange-ruled 'Pricing' heading and a line pointing AI agents to the pricing.md page.

Open in Mozaika →

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-top-nav-pricing-heading-intro.

Measured spec

Palette

Fonts

Page types

UI elements

Context

• Parent page: Interactive database pricing configurator with live monthly-total estimate and resource calculator
• All of PlanetScale

Other sections on this page

• Banner — Black announcement bar with yellow CTA pill
• Pricing / Plans — Interactive configurator with resource table + estimate
• Feature — Enterprise support feature grid
• Feature — Base Plan + pricing factors prose
• Feature — Enterprise plan explainer
• Footer — Multi-column footer with legal + social