Skip to content

Work / Scrvio / Wiki / Surfaces

forgot-password

Surfacecanonicalverified 2026-10-04

SURFACE.WEB.FORGOT-PASSWORD

Summary

Asks for an email address and sends a password reset link.

Raw wireframe

  • .context/designs/web/auth/forgot-password.html

Why it is drawn this way

There is a card inside a card. The page wraps the form in its own Card, and the auth layout already put the page in one. The drawing keeps both because the app shows both.

Back to Login appears twice. Once above the card (page.tsx) and once under the button (forgot-password-form.tsx). Both go to /auth/login.

The email field has no label. Only a placeholder, "Email address". The other auth forms label their fields.

Failure is a toast only. A failed request shows the server message in a toast and leaves the form as it is. There is no error face to draw.

Related

Sources

  • apps/website/src/app/auth/forgot-password/page.tsx
  • packages/ui/src/components/auth/forgot-password-form.tsx