Sign-in
Authentication screens: centered card, split-screen with marketing, and passwordless magic link. Built from live Canvas components.
Centered card
Anatomy. Emblem logo + email/password Inputs + remember-me Checkbox + forgot-password link + primary CTA + OAuth Divider row. A centered sm Container caps the form and stays fluid on narrow screens.
A
Sign in to Acme Corp
Demo form. Enter anything to see the result.
Email
Password
Remember me
or
Split-screen
Anatomy. Brand panel (primary-tinted Card: headline + Icon-check feature bullets) beside the sign-in form: a Row stacks of two span-6 halves, side by side on desktop and stacked once the section is sm wide or narrower. The form stays mounted across the switch, so typed text and focus survive a resize.
Welcome back
Manage identities, sessions, and access policies from one dashboard.
Multi-factor authentication
OAuth2 and OIDC support
Audit logging and compliance
Sign in to Acme Corp
Demo form. Enter anything to see the result.
Email
Password
Magic link
Anatomy. Single email Input + submit, no password. Sending swaps the card to an EmptyState confirmation quoting the typed address, with resend and use-a-different-email actions.
Sign in to Acme Corp
Demo form. No email is actually sent.
Email address
By continuing, you agree to our Terms of Service.