Sanity: Three-tier dev-tool pricing page with serif hero and dotted-grid plan cards
A light-mode pricing page anchored by an oversized black serif headline ("Plans that scale with you") above three plan cards (Free / Growth / Enterprise) framed inside a distinctive fine dotted-line grid, with Growth flagged by a "WE RECOMMEND" badge and a single vivid orange "TRY FOR FREE" CTA as the only saturated color on the page. Below, a matching dotted-bordered "Extend your Growth plan with Add-Ons" trio, a monochrome customer logo wall (Figma, Shopify, Linear, PUMA, MoMA), and an extremely long multi-column feature-comparison table that dominates the mid-page. The signature element is the engineered dotted-grid framing paired with monospace micro-labels (FOREVER, PER SEAT / MONTH, INCLUDES:), giving it a precise, technical developer-tool feel anchored by an editorial serif/sans contrast.
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-three-tier-dev-tool-pricing-page-with-serif-hero-and-dotted-grid-plan-cards.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Sanity
- Dark developer landing page for content backend with orange-accented editorial hero and embedded studio UI
- CTA / Sign-up — Dark Discord and newsletter CTA above footer
- Footer — Dark mega-footer with newsletter, link columns and giant wordmark
- Stats / Metrics — Dark testimonial with stat callouts and customer logos
- CTA / Sign-up — Enterprise compliance + Less talk more code CTA
- Feature — Everything in one place — numbered tabs with canyon image collage
- Comparison — Exhaustive feature comparison matrix with sticky tier header
- Feature — Extend your Growth plan with Add-Ons
- Hero — Giant serif headline hero on black with pill CTA row
- FAQ — Long single-column FAQ accordion
- Feature — Mirror your content ops, dark feature blocks with motion-blur image
- Feature — Orange terminal AI-agent chat panel