16 / Auth

Auth scenes — design system reference

The auth route group ships the visual primitives for every workshop sign-in flow. These are visual references — no real authentication is wired.

Production answer

Auth scenes — design system reference is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Auth scenes — design system reference states
Generative search brief

Auth scenes — design system reference: The auth route group ships the visual primitives for every workshop sign-in flow. These are visual references — no real authentication is wired.

Visual reference only — no real authentication wired
Scene 01

Login

Email + password split-screen with OAuth row, label-floats, and an animated gradient submit button.

Stateful · clientOpen
Scene 02

Signup

Three-step provisioning stepper with live password strength and a final review summary card.

Stateful · stepperOpen
Scene 03

Reset

Email-entry surface toggles in-place to the magic-link sent confirmation with a resend countdown.

Two-stateOpen
Scene 04

Two-factor

Six-cell OTP pad with auto-advance, paste support, expiry timer, and a help quote-bubble tooltip.

Mid-flowOpen
Scene 05

Onboarding

Four-card scroll-snap tour: map bays, onboard team, connect telemetry, send first quote.

Post-signupOpen