Sanity — Hero
Centered 'Plans that scale with you' headline over three pricing cards: Free $0, Growth $15 (highlighted with coral-red border and solid red CTA), and Enterprise with Contact Sales. Each card carries a short description and a bulleted feature list.
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/sanity-pricing-hero-with-three-tier-plan-cards.
Palette
#FFFFFF#13141B#F03E2F
Fonts
WaldenburgIBM Plex Mono
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Pricing CardCardBadgeNavigation Bar
Context
- Parent page: Three-tier dev-tool pricing page with serif hero and dotted-grid plan cards
- All of Sanity
Other sections on this page
- Feature — Extend your Growth plan with Add-Ons
- Logo Wall — Trusted-by customer logo wall
- Comparison — Exhaustive feature comparison matrix with sticky tier header
- Testimonial / Social Proof — PUMA customer testimonial quote
- FAQ — Long single-column FAQ accordion
- CTA / Sign-up — Dark Discord and newsletter CTA above footer