>Cores
Cores

As cores são um recurso de expressão fundamental que ajuda a impulsionar a identificação e a definir o clima da comunicação. Você encontrará os principais princípios do nosso código de cores abaixo.

Nós somos Pink

O Rebel Pink é o centro da nossa identidade visual. Junto com seus tons derivados e nossa paleta neutra, ele constrói um sistema consistente e reconhecível. Clique em qualquer amostra para copiar o código HEX.

BAIXAR CORES

Cor primária - Rebel Pink

O Rebel Pink é nossa cor primária e o ativo mais importante da nossa identidade visual. Sempre priorize-o para manter nossa marca reconhecível.

Cores derivadas do Rebel Pink

Cor secundária - Serious Black

O Serious Black é nossa cor secundária, usada para trazer contraste, hierarquia e equilíbrio às nossas composições.

Cores derivadas do Serious Black

Esses tons neutros derivam do Serious Black e dão suporte a textos, fundos e elementos de interface, mantendo a paleta coesa.

Cores de equilíbrio - Azul e branco

O Plain White e o Soft Blue equilibram nossas composições, proporcionando espaço de respiro e permitindo que o Rebel Pink se destaque.

Texto em cores

Usando um único peso para a fonte, a VTEX Trust Regular (com algumas exceções nos pesos do texto corrido, permitindo negrito e itálico quando necessário para destacar um termo ou frase), nosso sistema encontra harmonização na composição do texto por meio dos princípios de cor. Confira as variações abaixo:

Texto em Rebel PinkTexto em Soft PinkTexto em Serious BlackTexto em Soft BlueTexto em Plain White

Crimes com cores

Sabemos que usar e combinar cores para alcançar um resultado harmônico pode ser relativo. No entanto, para garantir consistência na nossa identidade visual, sempre evite os exemplos a seguir:

Evite baixo contraste entre o fundo e informações importantes.
Evite combinar Serious Black e Rebel Pink como cores primárias.
Não use cores que não pertencem à nossa identidade visual.
Evite usar contrastes semelhantes na composição.