Colores

Nuestra paleta principal constituye la mayor parte de nuestro trabajo creativo y debe reflejar los tonos más intensos en todas las piezas.

Para mayor flexibilidad, las tres paletas de colores principales están disponibles en diferentes tonos. No las modifiques ni les añadas transparencia; utilízalas tal y como están.

Para resaltar nuestra paleta principal, también contamos con un conjunto de colores secundarios destinados a transmitir movimiento y llamar la atención sobre áreas concretas. Los colores secundarios nunca deben utilizarse en grandes superficies y deben ocupar menos del 5 % del diseño.

La selección cuidadosa del color y su contexto es fundamental para dar forma a la narrativa creativa, evocar emociones y garantizar la armonía visual entre los elementos de diseño. Utiliza el color del texto para crear una experiencia de lectura agradable y utiliza el color para incitar a la acción. Nunca utilices un color de acción como titular. Reserva nuestro azul para la acción y los enlaces, y evita utilizarlo en el texto estático. Asegúrate de revisar las directrices de accesibilidad para conocer los requisitos adecuados de contraste tipográfico.

Los degradados aportan una sensación de profundidad y ayudan a transmitir la estructura de capas dentro de la composición. También se pueden utilizar para ajustar el color y sombrear zonas en la tipografía. Utiliza los degradados de color para guiar la mirada del espectador en una dirección determinada a lo largo del contenido.

Al crear degradados, intenta que el efecto sea sutil y utiliza una paleta saltándote un tono dentro de cada grupo de tonos para dar definición. Mezclar grupos de colores puede ser una forma de aportar dinamismo cromático a una obra. Evita utilizar degradados con muchos acentos, como grandes manchas de color, en una obra.

Para crear nuestro efecto eléctrico, sigue las siguientes directrices para garantizar una apariencia coherente en las diferentes experiencias.

Utiliza los tonos de un grupo de colores y crea tu conjunto de iconos tal y como se muestra a continuación. Se pueden aplicar técnicas similares a otras formas de ilustración, como líneas o bordes. El tamaño y la opacidad del resplandor y el foco deberán ajustarse al gráfico o al texto para que el efecto resulte sutil y limpio.

En cuanto a la tipografía, se pueden utilizar las mismas combinaciones de colores, pero hay que prestar especial atención a la accesibilidad. Evita utilizar esta técnica con fuentes grandes y en negrita o con letras muy pequeñas. Ajusta los resaltados opcionales para que se adapten al bloque de texto.

Las especificaciones que se muestran corresponden a Figma. Será necesario realizar ajustes para que el aspecto se adapte a nuestras aplicaciones.