Government of Spain Logo DINTEL Design System Logo Standardized Design of Electronic Procedures Home First steps First steps What is DINTEL? Designers Developers Resources Frequently Asked Questions Foundations Foundations Color Typography Box shadow Spacing Grid Border Border radius Iconography Illustrations Animations Accessibility Design tokens Writing guidelines Data visualization Interface elements Interface elements Modules Templates Components Updates Contact
Interface elements Modules Footer

Footer

Footer component known as a footer or footer. A user interface element that is placed at the bottom of a web page or mobile application.

Preview

Preview of the footer component

Main components

Links

Footer typology

Default

This footer will be used by default

Display of the default footer behaviour

Default

Simple

In this reduced version only the service logo and copyright will be displayed.

Footer display in simple mode

Simple

Color

Negative

It will be used on citizen portals.

Footer display with negative color

Negativo

Positive

To be used in the portals for government employees.

Footer display with positive color

Positivo

Logotype

Logo format

The logos will be framed in a 180x40px container, adjusting in height, i.e. they will always have a height of 40px and the width will be flexible as long as it is within the 180px width.

Logo displayed in 180x40px format
Cl@ve logo displayed in 180x40px format
Display of the DNI logo in 180x40px format

Logo layout

For XL and LG resolutions, a maximum of 6 logos per row will be displayed. As many rows as necessary shall be created. For MD resolution a maximum of 4 logos per row will be displayed. For SM and XS resolutions a maximum of 2 logos per row will be displayed.
Display of the layout of the logosin a line in the footer

One line

Display of the layout of the logos in two lines in the footer

Two lines

Responsive

Display of footer behaviour on desktop size screens

Desktop

Display of footer behavior on mobile size screens

Mobile

This website uses own and third party cookies to provide a better service. If you continue browsing we consider that you accept its use.

 NextGenerationEU European Union Funding Logo Transformation and Resiliency Recovery Plan Logo Spain digital logo Legal notice Accessibility Cookies policy Contact Sitemap