Coda — Hero
Warm peach band with bold black headline 'Your all-in-one collaborative workspace.', black 'Get started for free' and light 'Contact sales' buttons, above a framed Coda 'Project brief' doc mockup with a page sidebar and inline sentiment reactions.
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-peach-hero-with-all-in-one-headline-product-doc-mockup.
Palette
#FAE3CC#1A1A1A#FFFFFF
Fonts
Inter
Page types
Detail
UX patterns
Activity Feed
UI elements
Navigation BarSidebarCardAvatarBadge
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
- Logo Wall — 50,000+ teams logo strip
- Pricing / Plans — Team-size calculator, four-tier plan cards, Coda AI callout + compare-matrix opening
- Comparison — Compare plans matrix — cross-doc tables and version history rows
- Comparison — Compare plans matrix — collaboration & sharing rows
- Comparison — Compare plans matrix — workspace features, success & support, security rows
- FAQ — Compliance matrix tail + FAQs opening (Workspace, Doc Maker)
- FAQ — Dark pricing FAQ accordion — Doc Makers, AI credits, sharing, billing
- FAQ — Pricing FAQ continued — refunds, discounts, Enterprise pricing
- Footer — Cream multi-column footer — 'A doc as powerful as an app'