Authentication UI

Auth page system

Every authentication screen the template should expose as a polished static example, without real auth logic.

UI only

Authentication page family

Static UI states for every auth moment, without implementing real auth.

UI-only

Login

Primary sign-in card with recovery, SSO affordance and session feedback.

Invite acceptance

Shows inviter, organization, role and security disclaimer before joining.

Two-factor challenge

Six-digit code entry with recovery path and trusted device copy.

Verify email

Clear next step after registration, magic link or email change.

Login card specimen

Labels, helper text and recovery actions are part of the design language.

Use your workspace email address.

Required auth screens

These become example routes and documentation entries as the template grows.

LoginRegisterForgot passwordReset passwordVerify emailMagic link sentTwo-factor challengeSession expiredLocked accountInvite acceptanceWorkspace selection

Dedicated auth routes

These routes are static examples designers and developers can copy or extend.

High-friction auth states

These are the screens that make templates feel complete instead of demo-only.

Locked account

Explain cause, cool-down, recovery options and support escalation without blaming the user.

Invite acceptance

Show inviter, workspace, granted role, expiry and alternate account path.

Workspace selection

Support multi-org users with clear active workspace and role previews.

Session expired example

Your session expired after 30 minutes of inactivity. Sign in again to continue where you left off.