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

Pie de página

Componente de pie de página conocido como un pie de página o un footer. Es un elemento de interfaz de usuario que se sitúa al final de una página web o aplicación móvil.

Vista Previa

Figma
Visualización de la disposición de los logotipos en una línea en el pie de páginas

Componentes principales

Enlaces

Tipología de footer

Por defecto

Se utilizará este footer por defecto

Visualización del comportamiento del pie de página por defecto
Por defecto

Simple

En esta versión reducida se mostrará unicamente el logo de servicio y Copyright

Visualización del pie de página en modo simple
Simple

Color

Negativo

Se utilizará en los portales destinados a los ciudadanos

Visualización del pie de página con color negativo
Negativo

Positivo

Se utilizará en los portales destinados a trabajadores de la administración

Visualización del pie de página con color positivo
Negativo

Logotipo

Formato de logotipo

Los logotipos se encuadrarán en un contenedor de 180x40px, ajustándose en altura, es decir, siempre tendrán un alto de 40px y el ancho será flexible siempre y cuando entre dentro de ese ancho de 180p

Disposición de logotipos

Para las resoluciones XL y LG, se mostrará un máximo de 6 logotipos por fila. Se crearán tantas filas como sea necesario. Para la resolución MD se mostrará un máximo de 4 logotipos por fila. Para las resoluciones SM y XS se mostrará un máximo de 2 logotipos por fila.
Visualización de la disposición de los logotipos en una línea en el pie de páginas
Una línea
Visualización de la disposición de los logotipos en dos líneas en el pie de páginas
Dos línea

Responsive

Visualización del comportamiento del pie de página en pantallas tamaño escritorio
Desktop
Visualización del comportamiento del pie de página en pantallas tamaño móvil
Mobile