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
Visualisation of the DINTEL system

DINTEL is the Design System of the General Secretariat for Digital Administration (SGAD) that facilitates and helps designers and developers to create electronic services with a common language in a collaborative way.

First steps

Foundations

Find the basic visual elements to create your designs.

Design Tokens

Learn how CSS values are categorized and implemented in components.

Components

Save time with reusable and accessible components.

Templates

Use a starting point to speed up your process and give coherence to your designs.

Define a set of rules for a graphical model.

Designers and developers can work with tools that allow them to design and build digital services quickly and easily.

Homogenize the digital presence of the State and the citizen experience

The design system aims to improve the digital relationship of the State with the citizenry to be a benchmark in quality and trust.

Designers

If you are starting to design with DINTEL here you will find everything you need to start creating your screens.

Developers

If you are starting to develop with DINTEL here you will find everything you need to start developing your screens.

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