Coda — Feature
Two stacked card rows comparing user roles (Doc Makers vs. Editors) with their capabilities and pricing status. Each card uses an icon on the left, bold role name, description text, and right-aligned pricing badge. Clean left border accent separates label from description.
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-50-000-teams-logo-strip.
Measured spec
| Scheme | dark |
| Background | #05367E |
| Text | #4E81B5 |
| Accents | #4E81B5 |
| Contrast | 2.8 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.475 |
| Measured size | 1281×468 px |
Palette
#0D47A1#1565C0#1976D2#64B5F6#FFFFFF
Fonts
Inter
Page types
Detail
UX patterns
Pricing Toggle
UI elements
CardBadge
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
- Pricing / Plans — Four-tier pricing cards with toggle and comparison table
- Comparison — Pricing tier comparison table with feature rows
- 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