Sign In screen examples

Bud

Sign-in screen where the user enters their password for a previously provided email address, with options to reset the password or choose another login method.

• Forgot Password

Polar

Sign-in screen for a developer sandbox where the user authenticates via Google, Apple, GitHub, or a passwordless email link.

Alloy

Sign-in screen where the user enters their email address to initiate an identifier-first or passwordless authentication flow.

Flask

Sign-in screen styled as an ID badge where the user can authenticate with Google or check their email for a magic link.

Airbnb

Verification modal where the user must enter a 6-digit code sent to their email to confirm their identity.

• Verification

Inference

Sign-in page where the user attempted to authenticate with an email and password but received an invalid credentials error.

• Error
• Forgot Password

Origin Financial

Sign-in screen where the user authenticates with Apple, Google, SSO, or email and password, alongside a promotional card highlighting a spending chart and member count.

• Forgot Password

Steel

Sign-in screen where the user is informed that a magic link has been sent to their email, featuring a countdown timer before they can request a new link.

• Confirmation

Riverside

Sign-in screen where the user attempts to authenticate with email and password but receives an incorrect credentials error, alongside options for Google, Apple, Spotify, or SSO.

• Error

Axiom

Sign-in screen where the user authenticates with GitHub, Google, SAML, or verifies a pre-filled login token.

• Verification

Extend

Authentication screen where the user is prompted to log in or sign up after encountering an invalid magic link error, featuring a region switcher and a social proof illustration.

• Error

Lithic

Verification screen where the user enters a one-time passcode sent to their email to confirm their identity and optionally remembers the device.

• Verification