Skip to content
Twentyfirst UIHalo

Auth Card

A complete screen built only from kit parts: AuthCard, Button, OtpInput, TextField

Centered card for sign-in, sign-up, password reset, two-step codes and invites.

Props: title, text, icon + tint (for non-sign-in steps), brand, foot (the one secondary link), children (fields and one primary Button).

  • One task per card, one primary button. Secondary paths go in the footer.
  • After "Send reset link", swap to a confirmation card that doesn't reveal whether the account exists.
  • Put it on the canvas color with a small "Back" link at top-left.

Welcome back

Sign in to the Halo workspace.

New here? Create a workspace

Reset your password

We’ll email you a link to choose a new one.

Back to sign in

Enter your code

Type the 6-digit code from your authenticator app.

Use a recovery code instead