Coda: Coda four-tier pricing page with Maker-Billing model and exhaustive feature comparison matrix
The hero is split into a light-blue "Your team can do a lot for free" headline band sitting above a saturated royal-blue "Maker Billing" explainer block whose signature element is a three-row inline legend (Doc Makers / Editors / Viewers labeled Paid / Always free) that visually teaches Coda's unusual per-maker pricing model before any plan is shown. Below, four white pricing cards (Free, Pro, Team, Enterprise) carry a top accent rule and per-feature checklists, followed by a beige "Coda AI is included" promo strip with a product screenshot. The defining feature is the massive full-width "Compare plans" matrix with collapsible category rows (Collaboration, Workspace, Security) and dense brand-logo integration grids, capped by a black FAQ accordion section.
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/coda-coda-four-tier-pricing-page-with-maker-billing-model-and-exhaustive-feature-comparison-matrix.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Coda
- Comparison — Tiered feature comparison table with four plan levels
- Feature — Role-based feature comparison with pricing tiers
- FAQ — FAQ section with expandable accordion questions
- Comparison — Collaboration and Sharing Features Comparison Table
- Comparison — Pricing tier comparison table with feature rows
- FAQ — Collapsible FAQ about Coda AI pricing and credits
- Hero — Full-width hero with centered headline and CTA
- Footer — Multi-column navigation footer with legal links and social icons
- FAQ — Pricing and billing FAQ accordion
- Pricing / Plans — Four-tier pricing cards with toggle and comparison table