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
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.