Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Errores HTTP.

Las páginas 401, 403, 404, 500 y 503 explican el estado real y ofrecen una salida útil sin filtrar datos internos.

Ejemplo completo

Compara la deuda observada con la composición propuesta para r19.

AntesEstructura fragmentada
r19Jerarquía canónica completa
MarcaContexto

Errores HTTP

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Las páginas 401, 403, 404, 500 y 503 explican el estado real y ofrecen una salida útil sin filtrar datos internos.

La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.

Regiones

OrdenRegión
1Código y título
2Explicación
3Acción principal
4Alternativa
5Identificador de soporte cuando aplica

Estados obligatorios

EstadoContenido mínimo
401Iniciar sesión y retorno
403Permiso requerido y solicitud
404Revisar URL, buscar o volver
500Reintento seguro y código de incidente
503Indisponibilidad, estado y alternativa

Responsive y accesibilidad

  • Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
  • El título de página es único y el breadcrumb conserva la jerarquía real.
  • Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
  • El foco llega al mensaje o campo que requiere atención tras un envío.
  • La URL entrega contenido completo sin router cliente.