Coda product screens examples

Coda

Signup modal overlaying a public document, prompting the user to authenticate with Google, Microsoft, SSO, or email in order to copy the document.

• Sign Up
• Account Setup

Coda

Signup modal with an email validation error, offering OAuth and SSO options to copy a public document.

• Error
• Sign Up

Coda

Sign-in modal where the user authenticates with Google, Microsoft, Apple, SSO, or email and password to copy a document.

• Forgot Password

Coda

Interactive learning guide where the user reads a welcome introduction and can duplicate the document to start their learning journey.

• Welcome
• Tutorial

Coda

Content editor where the user searches for 'welcome' in the sidebar and previews a specific page result before copying the document.

• Search
• Browse

Coda

Form page where the user can report content for spam, harassment, or rules violations and provide additional comments.

• Report
• Confirmation

Coda

Form where the user can report content for spam, harassment, or rules violations, currently showing a validation error.

• Report
• Form

Coda

Community homepage featuring a prominent search bar, top categories, maker highlights, a recent discussion feed, and a full category directory.

• Browse
• Search

Coda

Community forum homepage where the user searches for topics, posts, and users via a central command palette overlay.

• Global Search
• Navigation Menu

Coda

Community forum index where users can browse the latest topics, filter by category or tags, and view reply counts and recent activity.

• Browse
• Filter & Sort

Coda

Community forum page showing the top topics of all time, with a category selector dropdown open to filter discussions.

• Browse
• Table

Coda

Community forum page displaying the top topics of all time, with an open category search dropdown showing no results for a specific query.

• Browse
• Search