PlanetScale — Hero
Black top utility bar announcing 'Database Traffic Control' with an orange 'Learn more' pill, a thin logo + nav row (Platform, Resources, Documentation, Pricing, plus orange 'Get in touch' button), and a small left-rule-marked paragraph hero claiming the fastest/most scalable cloud databases. No large headline; copy-led with pink inline links.
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-compact-text-hero-with-top-promo-banner.
Measured spec
| Scheme | light |
| Background | #FAFAFA |
| Text | #0F0F0F |
| Contrast | 18.36 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.213 |
| Measured size | 1600×418 px |
Palette
#000000#FFFFFF#F0506E#F5A623
Fonts
SF Mono
Page types
Detail
UI elements
Navigation BarBadge
Context
- Parent page: Database platform landing page with massive logo wall and tabbed architecture diagram
- All of PlanetScale
Other sections on this page
- Logo Wall — Nine-row customer logo grid
- Testimonial / Social Proof — Cursor CPO inline quote
- Feature — Tabbed Vitess/Postgres/Neki architecture diagram
- Feature — Performance with metrics chart and latency graph
- Feature — Uptime and reliability checklist
- Feature — Cost and pricing advantages
- Feature — Security and compliance
- Feature — Features summary bullet list