Sanity: Pricing page with three-tier plans and detailed feature comparison table
Pricing for business software with tiered plans and comprehensive feature comparison. The page features a hero section with three pricing cards (two with orange accents, one black), a detailed feature-comparison table spanning the full width below, followed by an FAQ section and integration logos.
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
#FFFFFF#0D0D0D#F4522E#EDEDED#6B6B6B
Fonts
WaldenburgIBM Plex Mono
Page types
Pricing
UX patterns
Pricing ToggleUpgrade PromptData TableFilter & Sorting
UI elements
Navigation BarPricing CardCardTableBadgeTabs
Context
More from Sanity
- Dark developer landing page for content backend with orange-accented editorial hero and embedded studio UI
- CTA / Sign-up — FAQ and support footer
- Footer — Dark mega-footer with newsletter, link columns and giant wordmark
- Stats / Metrics — Customer Success & Social Proof Showcase
- 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 — Pricing plan comparison
- Hero — Giant serif headline hero on black with pill CTA row
- FAQ — Long single-column FAQ accordion
- Feature — Content Studio Editor
- Feature — Orange terminal AI-agent chat panel