login

Summary

Sign in with a phone number and password, or ask for an OTP instead.

Raw wireframe

• .context/designs/mobile/auth/login.html

Why it is drawn this way

Every auth screen shares one layout: back and Skip row, the shield mark, a title and subtitle chosen by route in (auth)/_layout.tsx, the screen's card, and a grey footer with Terms and Privacy.

Phone, not email. The account key is country code plus phone; the code is picked from a sheet of four countries.

Sign in is a return to the gate. A successful login calls router.replace("/"); the gate picks the app. The error state is the card's inline red line — "Invalid credentials. Please try again." — not a dialog.

Related

• splash
• country-picker
• login-verify-code
• register
• forgot-password

Sources

• .context/designs/mobile/auth/login.html
• apps/mobile/src/app/(auth)/login/index.tsx
• apps/mobile/src/app/(auth)/_layout.tsx