DIANA

Diseño Aplicaciones Navarra

Plantillas

Estructuras de página completas listas para usar como punto de partida. Cada plantilla combina patrones y componentes del sistema en una composición real y funcional. Se organizan en dos grupos según su ámbito de uso.

Aplicaciones internas

Contenido básico

Plantilla para páginas de contenido editorial: texto corrido con tipografía `.prose`, cabecera y footer fullwidth, menú de navegación en bloque inferior y breadcrumb. Incluye bloque de identificación de usuario autenticado.

Contenido con navegación lateral

Versión para aplicaciones internas de la plantilla con navegación lateral: mismo contenido (sidebar con side-nav, área principal con modal) que su equivalente de ciudadanía, pero con cabecera y footer fullwidth.

Tabla con CRUD

Plantilla para listados de gestión con tabla compleja. Incluye cabecera y footer fullwidth, barra de filtros con inputs, select y botón de búsqueda, tabla paginada con checkbox de selección múltiple, columnas ordenables y columna de acciones con botones icono.

Aplicaciones para la ciudadanía

Contenido básico

Versión para ciudadanía de la plantilla de contenido editorial: mismo contenido .prose y footer que Contenido básico, pero con cabecera boxed — barra de identificación de usuario verde superior, navmenu en bloque inferior y selector de idioma con el nombre completo.

Contenido con navegación lateral

Plantilla para páginas de contenido con navegación lateral persistente: sidebar con side-nav, cabecera y footer fullwidth, área principal con paginación.

Ficha de datos con identificación

Plantilla para páginas de ficha de entidad: header fullwidth con navmenu e identificación de usuario, back button, tabs de sección, navegación lateral y contenido estructurado con description list, details y tags.

Formulario con pasos múltiples

Plantilla de tramitación dividida en cinco pasos navegables por menú lateral. Incluye cabecera boxed con barra de identificación de representante, bloque de persona declarante/representante, formularios con campos obligatorios y validación con resumen de errores, resumen previo a la presentación y pantalla de finalización con estado del trámite.

Listado de Cards

Plantilla de listado de tarjetas con cabecera boxed, toolbar de acciones, selección múltiple con cambio de fondo y paginación.

Otras plantillas

Modificar cliente

Formulario para la modificación de los datos de un cliente existente.

Nuevo cliente

Formulario para el alta de un nuevo cliente.