MozaikaScreen

Coda: Coda four-tier pricing page with Maker-Billing model and exhaustive feature comparison matrix

Productivity · Pricing

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.

Open in Mozaika →

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

#1A6CF0#1A4FE0#FFFFFF#F5F1E8#101010

Fonts

Inter

Page types

Pricing

UX patterns

Pricing ToggleData Table

UI elements

Navigation BarPricing CardCardTableToggleBadgeNavigation Bar

Context

More from Coda