Patrones

Formularios de acceso

Login y registro v2 sobre el esqueleto de Acceso centrado: campos con etiqueta, dominio fijo, OTP de seis dígitos y «Mantener sesión iniciada».

Qué resuelve

Entrar y registrarse sin fricción en la tablet de sucursal (reglas/06). El registro v2 va en pasos cortos: código de invitación → nombre y correo con dominio fijo → OTP → contraseña → «Cómo funciona Aithu» → Inicio con la sesión iniciada (§06.1, R-22.9).

Composición

  • Esqueleto Acceso centrado (opción C, §06.3) con el logo de Aithu y, cuando el banco ya se conoce, el logo del banco (§06.4; marcador gris hasta que lleguen los vectores: reglas/09 P-04).
  • TextField para cada dato: etiqueta como sustantivo, placeholder como ejemplo, error que dice qué hacer. Sufijo «@bancoagricola.com» en el correo del banco; acción «Mostrar» en contraseñas.
  • OtpInput para el código de seis dígitos (10 min, 3 intentos, reenvío a los 45 s).
  • Checkbox «Mantener sesión iniciada» (30 días, marcada, desmarcable) en el login (§06.2).
  • StepItem en fila para «Cómo funciona Aithu»; Button primary único por pantalla.

Reglas que aplica

  • Login sin OTP; cuenta inexistente = mismo mensaje que credenciales incorrectas (§06.2).
  • Nunca tres logos (DV-09).
  • Recuperar contraseña queda fuera del alcance del 28-oct en UI (§06.5).

Componentes

Demos

Pendientes

  • Las pantallas de Acceso/registro del alcance (T-04) y el logo real del banco.