Webflow product screens examples

Webflow

Signup screen where the user can create an account with a work email or authenticate via Google, featuring a logo wall of trusted enterprise customers.

• Sign Up
• Account Setup

Webflow

Signin screen where the user authenticates with Google, an email and password, or SSO.

• Sign In

Webflow

Sign-in screen where a returning user enters their password to access Webflow, featuring a logo wall of enterprise customers.

• Forgot Password

Webflow

Password recovery drawer where the user enters their email to receive reset instructions, overlaid on a design editor interface.

• Forgot Password
• Confirmation

Webflow

Password recovery screen showing a success state with a green toast notification confirming the reset link was sent to the user's email.

• Success
• Forgot Password

Webflow

Sign-in screen where the user enters their password to access Webflow, featuring a product preview in the background and a customer logo wall.

• Sign In

Webflow

Dashboard with a modal overlay displaying a chronological list of recent product updates, new features, and bug fixes.

• Dashboard
• Info

Webflow

Feed where the user reads recent product updates, announcements, and new features categorized by badges.

• Dashboard
• Browse

Webflow

List view of a workspace showing an empty state for sites with a prompt to move existing sites from the menu.

• Empty State
• Dashboard

Webflow

Dashboard showing an empty list of sites for a starter workspace, featuring an open sort dropdown and a prompt to add new sites.

• Dashboard
• Empty State

Webflow

Dashboard overlay where the user names and creates a new folder to organize their workspace sites.

• Files

Webflow

Dashboard showing an empty workspace with placeholder cards prompting the user to add or move sites.

• Empty State
• Dashboard