Cabecera

Diseño Normalizado de Trámites Electrónicos

Inicio

Primeros pasos Primeros pasos

¿Qué es DINTEL?

Diseñadores

Desarrolladores

Recursos

Preguntas frecuentes

Fundamentos Fundamentos

Color

Tipografía

Elevaciones

Espaciado

Retícula

Borde

Radio

Iconografía

Ilustraciones

Animación

Accesibilidad

Tokens de diseño

Contenidos digitales

Visualización de datos

Elementos de interfaz Elementos de interfaz

Módulos

Plantillas

Componentes

Actualizaciones

Contacto

Elementos de interfaz

Módulos

Cabecera

Los encabezados son contenedores adjuntos a la parte superior de una página que contienen acciones y navegación de todo el producto, así como las preferencias del usuario y la marca que permiten al usuario saber dónde se encuentra.

Vista previa

Componentes principales

Menú horizontal

Enlaces

Tipo de usuario

Administración

Se utilizará en los portales destinados a la propia administración.

Construcción de logotipos. Debe incluir el logotipo "Servicios comunes".

Menú horizontal: Cuando la cabecera incluya un menú horizontal, debe ser la versión negativa (fondo blanco).

Visualización del comportamiento de la cabecera con el usurario administración

Cabecera orientada a la administración

Ciudadanos

Se utilizará en los portales destinados a la propia administración.

Construcción de logotipos. Debe incluir el logotipo "Servicios comunes".

Menú horizontal: Cuando la cabecera incluya un menú horizontal, debe ser la versión positiva (fondo azul).

Visualización del comportamiento de la cabecera con el usurario de ciudadanos

Cabecera orientada a ciudadanos

Tipología de la página

Portal de contenidos

Los portales de contenido son páginas que alojan contenidos que no comprenden ni servicios ni sedes. Agrupan gran cantidad de información, servicios y/o recursos relacionados con una organización o un mismo tema.

En este tipo de página podrán configurarse los siguientes elementos dentro de la cabecera:

Motor de búsqueda: Puede aparecer o no.

Ayuda: Puede aparecer o no.

Enlace externo: Puede mostrarse o no. Suele utilizarse en los casos en que la página tiene un inicio de sesión que redirige a una página externa.

Menú horizontal: Puede aparecer o no.

Configuración lingüística: Obligatorio.

Portal de contenidos con todas las opciones de configuración activadas

Portal de contenidos con todas las opciones de configuración desactivadas

Servicios

Las páginas de tipo servicio electrónico son páginas desde las que los usuarios pueden realizar diferentes consultas, solicitudes, inscripciones, etc. de manera electrónica.

Para este tipo de páginas podrán configurarse los siguientes elementos dentro de la cabecera:

Ayuda: Puede aparecer o no.

Botón de acción secundario: Puede aparecer o no

Configuración de idioma: Puede aparecer o no

Rol del usuario: Cuando el usuario está conectado, se muestra su nombre y apellidos. Opcionalmente, se puede mostrar o no su rol.

Menú horizontal: Puede aparecer o no.

Portal de servicios con todas las opciones de configuración activadas

Portal de servicios con todas las opciones de configuración desactivadas

Sedes Electrónicas

En las sedes electrónicas, el ciudadano puede encontrar todos los trámites electrónicos disponibles de la AGE, así como acceso a su Área Privada.

Para este tipo de páginas podrán configurarse los siguientes elementos dentro de la cabecera:

Motor de búsqueda: Pueden aparecer o no.

Ayuda: Pueden aparecer o no.

Hora y fecha de la conexión: Pueden aparecer o no.

Rol del usuario: Cuando el usuario está conectado, se muestra su nombre y apellidos. Opcionalmente, se puede mostrar o no su rol.

Menú horizontal: Puede aparecer o no.

Configuración lingüística: Obligatorio.

Sedes electrónicas con todas las opciones de configuración activadas

Sedes electrónicas con todas las opciones de configuración desactivadas

Construcción de logotipos

Todas las páginas de la administración incluirán de forma obligatoria el logotipo de Gobierno de España. Este logotipo tendrá una altura de 64px e irá a sangre dentro de su contenedor.

Adicionalmente existen una serie de combinaciones posibles de logotipos secundarios en función del tipo de página y servicio. Estos logotipos tendrán una altura máxima de 36px y su ancho será flexible.

Portal de contenido y Servicios

Este tipo de páginas incluirán en su cabecera como mínimo el logotipo de organismo así como el logotipo de servicio o su nombre en caso de no existir logotipo de servicio.

Logotipo del Gobierno de España: Obligatorio

Logotipo de la Agencia: Obligatorio

Logotipo o nombre del servicio: Obligatorio. Cuando no haya logotipo del servicio, se incluirá el nombre del servicio.

Visualización del comportamiento de logotipos de la cabecera en el portal de contenidos

Ejemplo de portal de contenido orientado a la administración

Visualización del comportamiento de logotipos de la cabecera en el portal rientado a ciudadanos

Ejemplo de portal de contenido orientado a ciudadanos

Servicios

Las páginas de tipo servicio electrónico son páginas desde las que los usuarios pueden realizar diferentes consultas, solicitudes, inscripciones, etc. de manera electrónica.

Para este tipo de páginas podrán configurarse los siguientes elementos dentro de la cabecera:

Ayuda: Puede aparecer o no.

Botón de acción secundario: Puede aparecer o no

Configuración de idioma: Puede aparecer o no

Rol del usuario: Cuando el usuario está conectado, se muestra su nombre y apellidos. Opcionalmente, se puede mostrar o no su rol.

Menú horizontal: Puede aparecer o no.

Portal de servicios con todas las opciones de configuración activadas

Portal de servicios con todas las opciones de configuración desactivadas

Responsive

La construcción de logotipos varía en las resoluciones XS y SM.

Logotipo del Gobierno de España: Obligatorio. Tendrá una altura de 40px y estará en sangrado completo dentro de su contenedor.

Logotipo de la organización: Obligatorio en SM (tablet) En XS (móvil) Aparecerá en el pie de página.

Logotipo o nombre del servicio: Obligatorio. Tendrán una altura máxima de 21px y su anchura será flexible. Cuando no haya logotipo del servicio, se incluirá el nombre del mismo.

Visualización del comportamiento de logotipos de la cabecera en tamaño tablet

Ejemplo logotipos en tablet

Visualización del comportamiento de logotipos de la cabecera en tamaño móvil

Ejemplo de logotipos en mobile

Sedes Electrónicas

Este tipo de páginas incluirán en su cabecera como mínimo el logotipo del ministerio correspondiente así como el logotipo de servicio o su nombre en caso de no existir logotipo de servicio, y adicionalmente podrán incluir además del logo de servicio, su nombre

Logotipo del Gobierno de España: Obligatorio

Logotipo del Ministerio: Obligatorio

Logotipo o nombre del servicio/organización: Opcional. Si no existe logotipo del servicio, se incluirá su nombre.

Nombre de la sede: Obligatorio.

Visualización del comportamiento de logotipos de la cabecera en sedes electrónicas

Ejemplo logotipos en sedes electrónicas

Responsive

La construcción de logotipos varía en las resoluciones XS y SM.

Logotipo del Gobierno de España: Obligatorio

Logotipo del Ministerio: En resolución SM será obligatorio. En XS no aparecerá.

Logotipo o nombre del servicio/organización: Opcional en resolución SM, cuando no haya logotipo del servicio, se incluirá su nombre. Para resolución XS no aparecerá.

Nombre de la sede: Obligatorio.

Ejemplo de logotipo en tablet