Tabular design examples

Tabular

Design editor where a user customizes a single post newsletter email template in a demo environment before creating an account.

• Design Editor
• Account Setup

Tabular

Design editor where the user customizes a single post newsletter email template while in a demo mode that prompts them to create an account.

• Design Editor
• Account Setup

Tabular

Signin screen where the user authenticates with email and password or via Google OAuth to access the Tabular Dashboard.

• Forgot Password

Tabular

Sign-in screen where the user authenticates with an email and password or via Google to access the Tabular Dashboard.

• Sign In

Tabular

Sign-in screen where the user encounters an invalid credentials error while attempting to log in with email or Google.

• Error
• Forgot Password

Tabular

Password recovery screen where the user is instructed to check their email for a reset link and can request to resend the email.

• Forgot Password
• Success

Tabular

Signup page where the user creates an account using an email and password or authenticates with Google.

• Sign Up

Tabular

Dashboard view where the user is prompted to create their first email from scratch or a template because the workspace is currently empty.

• Dashboard
• Empty State

Tabular

Modal overlay where the user selects a starting template or a blank canvas to create a new email campaign.

• Templates
• Search

Tabular

Modal overlay where the user searches and selects a starting template for a new email campaign, with an option to assign it to a specific folder.

• Templates
• Search

Tabular

Design editor where the user is building a password reset email and viewing an onboarding coach mark about dropping blocks.

• Design Editor
• AI Chat

Tabular

Design editor where the user is building a 'Forgot your password' email template and interacting with a product tour step explaining how to style blocks.

• Design Editor
• Edit