R
Project RMulti-format review & approval
Auth flow · v1.0
Desktop web · dark

Authentication flow

Four production-ready screens for the Project R sign-in experience. Email + password and Google SSO, built on the design system — saturated color rationed to status, the primary action, and focus.

Theme  Dark primary Type  Inter · JetBrains Mono Accent  #2E5BFF Files  4 screens + shared css/js
01

Log in

login.html

Email + password with Google SSO, password reveal, and “keep me signed in”.

02

Sign up

signup.html

Name, work email, password with a live strength meter, and a terms gate.

03

Forgot / reset password

forgot-password.html

Request a link → “check your email”, plus a set-new-password state via ?token=.

04

Check your email / verify

verify-email.html

6-digit code entry with paste support, auto-advance, and a 30s resend cooldown.

Project R design system Email + Google SSO prefers-reduced-motion honored responsive ≥ 360px