Frequently asked questions

About Dintel

DINTEL is the design system of the State Agency for Digital Administration (AEAD), and is an acronym for Standardized Design for Electronic Processing. DINTEL facilitates the creation of electronic services through a common language and a collaborative approach. It offers tools, components and guides that ensure that the interfaces meet the highest standards of quality, accessibility and efficiency, adapting to the needs of the public sector. DINTEL (Standard Design for Electronic Processing) is the Design System of the State Digital Administration Agency (AEAD) that facilitates and helps designers and developers to create electronic services with a common language in a collaborative way. The objective is to respond to the needs of the public sector.

A design system offers multiple benefits, such as visual and functional consistency across all digital applications and services, substantially streamlining the work of development and design teams. In addition, times are optimized by reusing components and patterns already validated by accessibility and usability, ensuring an inclusive and uniform experience.A design system offers tools, components and guides that ensure interfaces meet the highest standards of efficiency, usability and accessibility, as well as streamlining the work of designers and developers.

DINTEL was born in April 2023 with the objective of establishing a uniform graphic line for electronic services and information portals of the General State Administration (AGE). The system is based on solid principles, interface elements, components and design patterns that guide designers and developers in the construction and adaptation of digital products and services in an agile and efficient manner. This innovative model strengthens citizens’ digital skills. DINTEL was born in April 2023 with the aim of establishing a homogeneous graphic line for electronic services and information portals of the General State Administration (AGE). A system with foundations, interface elements, components and design patterns that guide designers and developers in the construction and adaptation of digital products and services in an agile and efficient way. An innovative model that aims to strengthen the digital skills of citizens.

The Design Office has a team of developers and designers who are responsible for maintaining and updating the components, guides and resources, ensuring that they are aligned with current technological and accessibility needs and standards. In addition to providing support and assistance to ensure the integration and optimal functioning of the electronic services that are part of DINTEL. The Design Office of the AEAD, has a team of developers and designers who are responsible for maintaining and updating the components, guides and resources of the design system. It accompanies, supports and assists in the integration and optimal functioning of the electronic services that make up DINTEL.

Design with Dintel

Take a moment to familiarize yourself with the design system: its guides, principles and foundations. Explore the components and templates, and make sure you know the standards you’re going to use before you start designing

Access the component libraries: Once you have access, explore the figma libraries. Use validated components and patterns to ensure consistency and accessibility in your designs.

Follow the style guides: Apply the guidelines that DINTEL provides for typography, color, and spacing using the resources provided.

Take advantage of the opportunities for improvement: We encourage you to review the current structure and elements of your project to identify opportunities for improvement and alignment with system best practices. You can see what has been done in other portals by visiting the DINTEL use cases. Take advantage to ensure a more coherent and usable experience

From DINTEL we offer support, but you will need a specialized design and development team that is familiar with the use of design systems.

From DINTEL we offer support, but you will need a specialized team of UX/UI designers and front developers who are experienced or familiar with the use of design systems.

No, it is not recommended to create a component on your own.First, make sure that no component of the current library meets your needs. If you do not find it, we invite you to contact the AEAD. DINTEL is a constantly evolving design system and new proposals are always evaluated to ensure that all services remain consistent and up-to-date.

No, you should not create a component outside the component library of the design system.First, make sure that no component in the current library meets the needs of your project interface. If you do not find it, we invite you to contact the AEAD design office. DINTEL is a constantly evolving design system and new proposals are always evaluated to ensure that all services remain consistent and up-to-date.

No, in principle, the adoption of DINTEL is not designed to allow the theming of portals, since its main objective is to maintain a consistent graphical line and user experience in all services that implement it. The treatment of color palettes has a possible impact on the accessibility and usability of the system, so they are not allowed or contemplated. Any exceptions or customizations must be evaluated and approved by the AEAD to ensure that the established standards are met. If you consider that your portal needs special treatment, you can contact the team to discuss the feasibility.

No, in principle, the adoption of DINTEL does not allow the thematization of digital services, since its main objective is to maintain a consistent graphical line and user experience in all services that implement it. The treatment of color palettes has a possible impact on the accessibility and usability of the system, so they are not allowed. Any exceptions or customizations must be evaluated and approved by the AEAD design office to ensure that the established standards are met.

No, it is not recommended to expand the icon library or create new graphic elements independently. If the service has specific icons that are not in the library, it is essential to notify the AEAD so that we can evaluate them and adapt them to the DINTEL system. This ensures visual consistency and prevents the same icon from being used to represent different concepts.

No, it is not recommended to expand the icon library or create new graphic elements independently. If the service needs an iconography that is not in the design system library, you must notify the design office of the AEAD so that it can be evaluated and adapted to the DINTEL design system. Visual consistency must be guaranteed and the same icon must not be used to represent different concepts.