Coda — FAQ
This screen answers questions about AI document generation and workspace billing for creators using an AI writing tool. It presents an accordion-style FAQ with eight expandable questions and answers, organized vertically with divider lines and plus-icon toggles, on a dark background with white typography.
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-getting-started-is-easy-team-tabs-template.
Measured spec
| Scheme | dark |
| Background | #101010 |
| Text | #BCBEBB |
| Contrast | 10.17 |
| Columns | 2 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.092 |
| Measured size | 1497×1305 px |
Palette
#000000#FFFFFF#1A1A1A
Fonts
Inter
Page types
Detail
UX patterns
Filter & Sorting
UI elements
Dropdown
Context
Other sections on this page
- Hero — Landing page hero section
- Feature — Role-based feature comparison with pricing tiers
- 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 — Billing & pricing FAQ
- Footer — Multi-column navigation footer with legal links and social icons