Iconos editoriales

Los iconos editoriales son ilustraciones personalizadas que mantienen una presencia de marca coherente y reconocible, a la vez que respaldan la narrativa visual. Representan conceptos y temas de forma expresiva, ayudando a los usuarios a escanear, comprender e interactuar rápidamente con el contenido.

Cuando un icono debe usar un solo color, selecciona un icono apropiado de la biblioteca de iconos de referencia.

Especificaciones de iconos editoriales

Sigue estas pautas para asegurarte de que los iconos editoriales mantengan un estilo visual coherente y alineado con la marca:

• Tamaño del tablero de trabajo: 1024 1024 píxeles
• Radio de esquina: 64 píxeles
• Peso del golpe: 32 puntos
• Paleta de colores: Azul primario, gris claro y blanco de TxDOT (ver detalles más abajo)
• Modo de color: RGB para uso digital; CMYK para impresión
• Tipografía: Usar fuente de marca IBM Plex Sans; limitar el texto a símbolos o caracteres individuales (por ejemplo, $)
• Sistema de cuadrícula: Utiliza una cuadrícula visual de 32 por 32 para la coherencia visual
• Alineación: Ajusta las formas y trazos a la cuadrícula

Preparación de producción para uso web

Para preparar iconos editoriales para uso web, sigue estos pasos:

• Revisa el sistema de Gestión de Activos Digitales (DAM) antes de subir la carga para ver si el icono ya existe
  
• Convierte los trazos en formas para asegurar un renderizado consistente
• Fusionar gráficos del mismo color en caminos únicos para reducir el tamaño del archivo (ejemplo abajo)
• Nombra el camino/capas de forma/capas por color para el estilo CSS:
  • Nombre camino de forma azul "icono-color-1"
  • Nombre gris claro camino de forma "icono-color-2"
  • Nombre camino de forma blanca "icono-color-3"
  • El código SVG para cada color, forma o camino debe incluir el nombre de capa anterior como ID (por ejemplo, <path id="icon-color-1">)

Colores de iconos