Logo Gobierno de España Logo DINTEL · Sistema de diseño Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Primeros pasos ¿Qué es DINTEL? Diseñadores Desarrolladores Recursos Preguntas frecuentes Fundamentos Fundamentos Color Tipografía Elevaciones Espaciado Retícula Borde Radio Iconografía Ilustraciones Animación Accesibilidad Tokens de diseño Contenidos digitales Visualización de datos Elementos de interfaz Elementos de interfaz Módulos Plantillas Componentes Actualizaciones Contacto
Fundamentos Ilustraciones

Ilustraciones

DINTEL pone a disposición de ilustradores y desarrolladores una galería de ilustraciones vectoriales para facilitar de forma visual la compresión del contenido.

Estas ilustraciones son claras y sencillas, universalmente identificables y accesibles para la ciudadanía. Aportan estilo propio y apoyan la cercanía y positividad a través de la representación de una figura humana realizando diversas actividades en su relacíon con la administración.

Las figuras humanas presentadas no se identifican con un género, son intencionadamente neutras para ser lo más inclusivas posibles.

Reglas de uso

Pautas conceptuales a seguir para generar las ilustraciones:

Transmitir una imagen optimista y amable. Tener un sentido práctico y hacer más comprensible el texto al que acompañan. Mostrar un contenido neutral desde el punto de vista social y político.

Las pautas de formato a seguir para generar las ilustraciones deben:

Mantener la línea visual de la galería de ilustraciones. Utilizar los colores de la paleta del Sistema de Diseño. Utilizar solo un color sin estilo asociado que es el amarillo (#FFCD00), para representar a los logotipos institucionales en web, como en la ilustración que representa "firma electrónica". Aplicar el color Icono/Activo #363D47 para la línea que forma la ilustración. Construir las ilustraciones en un cuadrado de 160 x 160px, con una grosor de línea de 1,2px en esa proporción.

Márgenes

Las ilustraciones se construyen en una retícula de 160 x 160px, con un margen de 2.5px alrededor. Tienen un grosor de línea de 1.2px en esta proporción.

Si es necesario generar ilustraciones nuevas, se utilizará la retícula de la izquierda.

Representación gráfica de dimensiones de ilustración
Representación gráfica de márgenes de una ilustración
Representación gráfica de superficie de una ilustración

Galería de ilustraciones

Las ilustraciones se utilizan para complementar el contenido escrito, e van integradas en componentes del sistema de diseño, como por ejemplo: cards, sections o heros.

Ordenador

Ordenador info

Sofá

Dispositivos

Error advertencia

Error conexión

Buscador

Firma electrónica

Mapa

Ordenador gato

Ordenador trámite

Tablet

FAQ

Recuerda

Resultados nulos

Aviso importante

Notificaciones

Expedientes

Login online

Diseñadores

Desarrolladores

Mensaje claro

Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Si continúa navegando consideramos que acepta su uso.

Logo de Financiación por la Unión Europea NextGenerationEU Logo de Plan de Recuperación Transformación y Resiliencia Logo España digital Aviso legal Accesibilidad Política de Cookies Contacto Mapa web