Coda — Comparison
A multi-row comparison table displaying feature tiers across four plan levels. Each row shows a feature category (Cross-doc, Version history, Collaboration + Sharing) with corresponding capabilities across pricing tiers, using horizontal dividers and info icons for additional context.
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-fast-company-press-quote-band-light-blue.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #A0A3A4 |
| Contrast | 2.54 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.15 |
| Measured size | 1600×408 px |
Palette
#FFFFFF#F5F5F5#0066CC#6B7280#D1D5DB
Fonts
Inter
Page types
Detail
UX patterns
Filter & SortingStats / KPIs
UI elements
TableBadge
Context
- Parent page: Coda four-tier pricing page with Maker-Billing model and exhaustive feature comparison matrix
- All of Coda
Other sections on this page
- Hero — Full-width hero with centered headline and CTA
- Feature — Role-based feature comparison with pricing tiers
- Pricing / Plans — Four-tier pricing cards with toggle and comparison table
- Comparison — Collaboration and Sharing Features Comparison Table
- Comparison — Tiered feature comparison table with four plan levels
- FAQ — FAQ section with expandable accordion questions
- FAQ — Collapsible FAQ about Coda AI pricing and credits
- FAQ — Pricing and billing FAQ accordion
- Footer — Multi-column navigation footer with legal links and social icons