Height design examples

Height

Sign-in screen where the user authenticates with Google, Apple, email, or SAML SSO.

• Sign In

Height

Signup screen where the user provides their email, password, and full name to proceed with account creation.

• Sign Up

Height

Verification screen where the user enters a unique code sent to their email to complete the signup process.

• Verification

Height

Onboarding step where the user is welcomed to the app and prompted to get started.

• Welcome
• Getting Started

Height

Detail page for a new website project where a user can view task attributes, watch an embedded video update, and review the activity feed or add comments in the right sidebar.

• Onboarding Checklist
• Add & Create

Height

Detail page for a project task featuring a rich text description, attribute tags, and a right-hand activity feed with a chat composer and a video message.

• Tasks
• Edit

Height

Detail page where the user views project attributes, a rich text description, and an activity feed with an onboarding video tour.

• Getting Started
• Activity Log

Height

List view showing tasks assigned to the user, currently empty with an inline prompt to create a new task.

• Tasks
• Empty State

Height

Password recovery screen where the user enters a unique code sent to their email to verify their identity before setting a new password.

• Forgot Password

Height

Password recovery screen where the user enters a new password meeting the 8-character minimum requirement.

• Forgot Password
• Confirmation

Height

Authentication screen showing a success message confirming the user's password has been updated and they are being automatically signed in.

• Success
• Forgot Password

Height

List view showing an empty 'Assigned to me' task board with column headers for status, assignees, and teams, alongside a prompt to add a new task.

• Tasks
• Empty State