Gobierno de España Dintel Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Fundamentos Componentes Módulos Plantillas Tokens Soporte

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

Figma
header 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 ciudadanos
Cabecera orientada a los 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. Motor de búsqueda: 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.
Visualización del comportamiento de la cabecera en el portal de contenidos con todas las opciones de configuración activadas
Portal de contenidos con todas las opciones de configuración activadas
Visualización del comportamiento de la cabecera en el portal de contenidos con todas las opciones de configuración desactivadas
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.
Visualización del comportamiento de la cabecera en el portal de servicios con todas las opciones de configuración activadas
Portal de servicios con todas las opciones de configuración activadas
Visualización del comportamiento de la cabecera en el portal de servicios con todas las opciones de configuración desactivadas
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.
Visualización del comportamiento de la cabecera en las sedes electrónicas con todas las opciones de configuración activadas
Sedes electrónicas con todas las opciones de configuración activadas
Visualización del comportamiento de la cabecera en las sedes electrónicas con todas las opciones de configuración desactivadas
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.
 activadas
Portal de servicios con todas las opciones de configuración activadas
Visualización del comportamiento de la cabecera en el portal de servicios con todas las opciones de configuración desactivadas
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. Si no existe logotipo del servicio, se incluirá su nombre. 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.
Visualización del comportamiento de logotipos de la cabecera en el tamaño tablet
Ejemplo logotipos en tablet
Visualización del comportamiento de logotipos de la cabecera en el tamaño tablet
Ejemplo de logotipos en mobile

Responsive

Visualización del comportamiento de la cabecera en pantallas tamaño escritorio
Desktop
Visualización del comportamiento de la cabecera en pantallas tamaño tablet
Tablet
Visualización del comportamiento de la cabecera en pantallas tamaño móvil
Mobile