Saltar al contenido
Índice de Kit UI
Kit UI Plantillas

Portada.

Presenta la identidad, el propósito y los recorridos principales sin convertirse en un catálogo de todas las funciones.

Ejemplo completo

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

AntesEstructura fragmentada
r19Jerarquía canónica completa
MarcaContexto

Portada

La tarea principal aparece antes que la configuración.

ObjetoEjemplo verificable
FuenteContrato canónico

Objetivo

Presenta la identidad, el propósito y los recorridos principales sin convertirse en un catálogo de todas las funciones.

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

Regiones

OrdenRegión
1Skip link y navbar
2Hero con propósito y acción principal
3Evidencia o servicios prioritarios
4Actualidad o recursos
5Atribución y footer

Estados obligatorios

EstadoContenido mínimo
defaultContenido editorial vigente
sin novedadesRecursos permanentes
mantenimientoAviso y rutas disponibles
sin JavaScriptMismo contenido y enlaces

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.