Stella
‹ All categories

SCREENS / GROUP

Authentication

A first hello with clear validation, invitations, and a way back when access fails.

Screens
5
Live previews
5
Frame sizes
3
Group
06 / 13

01 / auth-001

Sign in

The rail's ink as half a page, carrying one number in the serif; the form on paper beside it, with every message's line reserved so a failed attempt never moves the button.

src/app/(screens)/_components/screens/auth/sign-in.tsxdesktop default

02 / auth-002

Accept invitation

A quiet first hello: who invited you and to what, then a password whose rules are listed before they are broken and tick as they are met.

src/app/(screens)/_components/screens/auth/invitation.tsxdesktop default

03 / auth-003

Two-step verification

A code field that takes a paste and submits itself, and two different ways out for two different problems: a wrong code, and no phone at all.

src/app/(screens)/_components/screens/auth/verify.tsxdesktop default

04 / auth-004

Reset password

Ask, check your inbox, choose — three steps in one card that sits across the seam of an ink band, never saying whether an address exists and always offering a way out.

src/app/(screens)/_components/screens/auth/reset-password.tsxdesktop default

05 / auth-005

Choose a workspace

Signed in and belonging to several places: one row per workspace with your role and when you were last there, and the one you are waiting to join still listed, with who holds it.

src/app/(screens)/_components/screens/auth/choose-workspace.tsxdesktop default