Los colores son un recurso de expresión fundamental que ayuda a impulsar la identificación y a definir el ambiente de la comunicación. Encontrarás los principales principios de nuestro código de colores a continuación.
Nosotros somos Pink
El Rebel Pink es el centro de nuestra identidad visual. Junto con sus tonos derivados y nuestra paleta neutra, construye un sistema consistente y reconocible. Haga clic en cualquier muestra para copiar el código HEX.
Color primario - Rebel Pink
El Rebel Pink es nuestro color primario y el activo más importante de nuestra identidad visual. Siempre priorízalo para mantener nuestra marca reconocible.
Colores derivados de Rebel Pink
Los colores derivados nunca deben usarse como colores principales, sino como colores de apoyo. Rebel Pink siempre debe ser la tonalidad principal.
Color secundario - Serious Black
El Serious Black es nuestro color secundario, usado para aportar contraste, jerarquía y equilibrio a nuestras composiciones.
Colores derivados de Serious Black
Estos tonos neutros derivan del Serious Black y apoyan textos, fondos y elementos de interfaz, manteniendo la paleta cohesionada.
Colores de equilibrio - Azul y blanco
El Plain White y el Soft Blue equilibran nuestras composiciones, proporcionando espacio de respiro y permitiendo que el Rebel Pink destaque.
Colores para UI - Feedback
Cuando sea necesario usar colores para representar feedback, señalización positiva, de atención o mensajes prohibitivos, usa estas tonalidades.
Texto en colores
Usando un solo peso para la fuente, la VTEX Trust Regular (con algunas excepciones en los pesos del texto corrido, permitiendo negrita e itálica cuando sea necesario para destacar un término o frase), nuestro sistema encuentra armonización en la composición del texto mediante los principios de color. Consulta las variaciones a continuación:
Errores con colores
Sabemos que usar y combinar colores para lograr un resultado armónico puede ser relativo. Sin embargo, para garantizar consistencia en nuestra identidad visual, siempre evita los siguientes ejemplos:
