Cal.com design examples

Cal.com

Sign-in screen where the user authenticates with email and password, Google, or SAML.

• Forgot Password

Cal.com

Sign-in screen where the user is blocked by an invalid email validation error, offering email, Google, and SAML authentication options.

• Sign In
• Error

Cal.com

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Cal.com

Password recovery screen confirming that a reset link has been sent to the user's email address.

• Forgot Password
• Success

Cal.com

Signup page where the user creates a Cal.com account by choosing a custom username, entering an email and password, or continuing with Google or SAML SSO.

• Sign Up

Cal.com

Signup screen where the user creates an account by choosing a username, entering email and password, or continuing with Google or SAML SSO, alongside social proof awards.

• Sign Up
• Error

Cal.com

Signup page where the user creates an account, selects a premium username, and views password requirements, with options for Google and SAML SSO.

• Sign Up

Cal.com

Detail page where a guest views meeting details for a No Agenda Catchup and selects a date from a calendar to schedule the appointment.

• Calendar
• Media Detail

Cal.com

Booking page where the user confirms their name, email, and notes to schedule a 40-minute No Agenda Catchup.

• Confirmation
• Checkout

Cal.com

Public profile page where a user lists their available meeting types, currently showing a single option for a casual catchup.

• Profile
• Media Detail

Cal.com

Signup screen where the user creates a Cal.com account by claiming a username and providing an email and password, or by authenticating via Google or SAML SSO, showing a successful completion toast.

• Sign Up
• Success

Cal.com

Onboarding step where the user sets their username, full name, and timezone to complete their profile setup.

• Onboarding Checklist
• Account Setup