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
Other sections on this page
- Hero — Landing page hero section
- 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 — Pricing features table with FAQ
- FAQ — FAQ Accordion
- FAQ — Billing & pricing FAQ
- Footer — Multi-column navigation footer with legal links and social icons