Neon — Hero
Centered 'Neon pricing' headline with 'Get started for free. Pay per usage as you grow.' subhead, above three plan columns: Free $0, Launch, and Scale (both usage-based) each with a dropdown spend selector and a Get started button.
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/neon-centered-pricing-hero-with-three-usage-based-plan-cards.
Palette
#0A0A0B#111317#00E599#E4E6EB
Fonts
Inter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarPricing CardDropdownBadge
Context
- Parent page: Dark dev-tools pricing page with three-tier cards and full feature comparison table
- All of Neon
Other sections on this page
- Feature — Special programs three-card strip
- Logo Wall — Muted customer logo row
- Comparison — Full feature comparison matrix across three plans
- Feature — Two-tone headline plus six-item capabilities grid
- FAQ — Two-column accordion FAQ
- CTA / Sign-up — Ask-our-AI CTA over branching-tree texture
- Footer — Multi-column footer with status and compliance badges