>Produtos
VTEX CX PlatformTipografia
Logo
VTEX CX Platform
VTEX
CX
Platform
VTEX
CX
Platform
Fonte
VTEX Trust

Para reforçar a identidade principal da VTEX e garantir a consistência de uso da marca global, a fonte escolhida pra criar o logotipo "VTEX CX Platform" é a VTEX Trust.

Peso
Medium

Caso seja necessário o uso da marca em formato tipográfico, sempre use o peso Medium. Não é permitido o uso de Regular ou qualquer outro peso na tipografia do Logo.

Entre-linhas
100%
-4%

O logo tem uma variação em 2 linhas. A entre-linha deve sempre ser configurada em altura 100% e a medida entre-letras deve ser sempre configurada para -4%.

Logo em linha única
VTEX CX Platform

Para reforçar a identidade principal da VTEX e garantir a consistência de uso da marca global, a fonte escolhida pra criar o logotipo "VTEX CX Platform" é a VTEX Trust.

Logo em linha dupla
VTEX CX
Platform
VTEX CX
Platform

Caso seja necessário o uso da marca em formato tipográfico, sempre use o peso Medium. Não é permitido o uso de Regular ou qualquer outro peso na tipografia do Logo.

Logo em linha tripla
VTEX
CX
Platform
VTEX
CX
Platform

O logo tem uma variação em 2 linhas. A entre-linha deve sempre ser configurada em altura 100% e a medida entre-letras deve ser sempre configurada para -4%.

Área de proteção

A área de proteção X é definida pela altura da letra "X" do logotipo. Nenhum elemento pode invadir essa área ao redor do logo.

Proteção 1
Proteção 2
Proteção 3
>Produtos
VTEX CX PlatformHierarquia
Fonte primária
VTEX Trust Medium

Uso exclusivo nos logos quando necessária a composição tipográfica. Jamais use o peso Medium além das 3 "VTEX Platforms".

Entre-linha & entre-letra

Usar VTEX Trust Medium com entre-linha 100% e entre-letras -4%.

100%
-4%
Fonte secundária
VTEX Trust Regular

Use para títulos, subtítulos e/ou textos de destaque. Jamais use o peso Regular como Marca para as 3 "VTEX Platforms".

Entre-linha & entre-letra

Usar VTEX Trust Regular com entre-linha 120% e entre-letras -4%.

120%
-4%
Fonte de apoio
Inter Tight Regular

Use para títulos, subtítulos e/ou textos de destaque. Jamais use o peso Regular como Marca para as 3 "VTEX Platforms".

Entre-linha & entre-letra

Usar Inter Tight Regular com entre-linha 150% e entre-letras 0%.

150%
0%
Proporção de tamanhos

Em termos de proporção de fontes, tome como X = Fonte base para ajudar na construção de proporcionalidade e siga o padrão de X para fonte base, 2X para fonte secundária e 3X para Fonte Primária.

Hierarquia de fontesHierarquia de tamanhos
Proporção 3X 2X 1X

Em termos de proporção de margens entre as fontes, tome como X = Margem entre Fonte Primária e Secundária. A margem entre este bloco e a Fonte base deve ser de 1,5x.

Margem entre Fontes
Exemplos de uso
VTEX CX PlatformConverta cada interação em uma venda.

Escale no ritmo da demanda. Agentes de IA autônomos engajam, recomendam e convertem 24/7 em todos os canais — sem aumentar sua equipe.

VTEX CX PlatformConverta cada interação em uma venda.

Escale no ritmo da demanda. Agentes de IA autônomos engajam, recomendam e convertem 24/7 em todos os canais — sem aumentar sua equipe.

VTEX CX PlatformConverta cada interação em uma venda.

Escale no ritmo da demanda. Agentes de IA autônomos engajam, recomendam e convertem 24/7 em todos os canais — sem aumentar sua equipe.

Exemplo de aplicação centralizada do logo em linha única, usando VTEX Trust Medium com entre-linha 100% e entre-letra -4%. No subtítulo, exemplo correto de aplicação da VTEX Trust Regular, seguida pelo bloco de texto com a fonte Inter Tight.

>Produtos
VTEX CX PlatformCores
Rebel Pink ainda reina em nossos corações!

As cores são um recurso essencial de expressão que ajudam a promover a identificação e definir o tom da comunicação. A VTEX CX Platform usa a paleta rosa como identidade principal.

Rebel
Pink
#F71963
R 247 • G 25 • B 99 / C 00 • M 90 • Y 60 • K 3
Primary
Default
#FDC4D2
R 253 • G 196 • B 210 / C 00 • M 33 • Y 7 • K 00
Sirius
Black
#060F23
R 6 • G 15 • B 35 / C 100 • M 90 • Y 51 • K 75
Secondary
Darker
#142032
R 20 • G 32 • B 50 / C 98 • M 82 • Y 49 • K 63
Neutral
Dark
#98A0B9
R 152 • G 160 • B 185 / C 46 • M 33 • Y 17 • K 2
Primary
Light
#FEE7EE
R 254 • G 231 • B 238 / C 00 • M 14 • Y 2 • K 00
Secondary
Dark
#2C4872
R 44 • G 72 • B 114 / C 91 • M 71 • Y 30 • K 17
Neutral
Default
#C4CCD9
R 196 • G 204 • B 217 / C 27 • M 16 • Y 11 • K 00
Primary
Lightest
#FEF4F7
R 254 • G 244 • B 247 / C 00 • M 7 • Y 2 • K 00
Neutral
Darkest
#3A4054
R 58 • G 64 • B 84 / C 80 • M 67 • Y 43 • K 40
Neutral
Light
#F6F7F9
R 246 • G 247 • B 249 / C 4 • M 2 • Y 2 • K 00
Aplicação de cores chapadas

Sempre priorize o uso dos 3 logotipos em Rebel Pink. É isso que torna nossa marca reconhecível à primeira vista.

VTEX
CX
Platform

Em fundos com cor primária evidente

Use logo na cor Branca

VTEX
CX
Platform

Em fundos com cor secundária evidente

Use logo na cor Branca

VTEX
CX
Platform

Em fundos mais claros com cor menos evidente

Use logo na cor Sirius Black

VTEX
CX
Platform

Em fundos quase brancos ou quase sem cor

Use logo na cor Sirius Black

VTEX
CX
Platform

Em fundos Brancos

Use logo na cor Sirius Black

VTEX
CX
Platform

Em fundos Extremamente escuros (Sirius Black)

Use logo na cor Branca

VTEX
CX
Platform

Em fundos escuros (Secondary Darker)

Use logo na cor Branca

VTEX
CX
Platform

Em fundos azulados com cor evidente

Use logo na cor Branca

VTEX
CX
Platform

Em fundos com cinza neutro em evidência

Use logo na cor Branca

VTEX
CX
Platform

Em fundos Cinza menos evidentes

Use logo na cor Branca

Gradientes são ferramentas de apoio!

Os gradientes são parte da identidade para, em certos momentos e assets, serem usados para dar ainda mais reforço visual e narrativo.

Rebel Pink
#F71963
R 247 • G 25 • B 99 / C 00 • M 90 • Y 60 • K 3
Strawberry Pink*
#FF6F9F
R 255 • G 111 • B 159 / C 00 • M 70 • Y 9 • K 00
Sirius Black
#060F23
R 6 • G 15 • B 35 / C 100 • M 90 • Y 51 • K 75
Secondary Dark
#2C4872
R 44 • G 72 • B 114 / C 91 • M 71 • Y 30 • K 17
Neutral Default
#C4CCD9
R 196 • G 204 • B 217 / C 27 • M 16 • Y 11 • K 00
Neutral Light
#F6F7F9
R 246 • G 247 • B 249 / C 4 • M 2 • Y 2 • K 00
VTEX
CX
Platform

Branco em gradiente rosa

Use logo na cor Branca

VTEX
CX
Platform

Branco em gradiente escuro

Use logo na cor Branca

VTEX
CX
Platform

Sirius Black em gradiente neutro

Use logo na cor Sirius Black

Crimes de uso com gradientes!

Não cometa estes pecados com a VTEX CX Platform

VTEX
CX
Platform

Não use Sirius Black em fundos com gradiente rosa

VTEX
CX
Platform

Não use Rebel Pink em fundos com gradiente escuro

VTEX
CX
Platform

Não aplique gradiente no texto em fundos com gradiente

VTEX
CX
Platform

Não use gradiente diretamente no logo das 3 Platforms

VTEX
CX
Platform

Não use outros tons de gradiente que não foram apresentados neste guia

>Produtos
VTEX CX PlatformImagens
Imagens VTEX CX
Pink abstractBlue cubes
Imagens fazem parte da narrativa.

Em certas ações de marketing ou em uso de peças específicas, imagens são ferramentas necessárias, porém devem ser geridas com cuidado ao usar com nossa identidade visual.

Correct usage

Em fundos abstratos, busque sempre posicionar a marca nas partes mais limpas da imagem

E use o logo na cor Branca em imagens com cores evidentes

Correct usage

Em fundos com elementos em 3D, busque sempre posicionar a marca nas partes mais limpas

E use o logo na cor Branca em imagens com cores escuras

Correct usage photo

Em fotografias, busque posicionar a marca nas partes mais limpas

Use o logo na cor Sirius Black em imagens com cores claras

>Produtos
VTEX CX PlatformDimensionamento

O tamanho mínimo para qualquer uma das três marcas, ao utilizar pontos como unidade de medida, é de 16 pt. Nunca utilize a marca abaixo desse tamanho.

Escala de nomes VTEX CX PlatformEscala de tamanhos em pt
Dimensionamento mínimo VTEX CX Platform

O tamanho mínimo de uso do logo em media .pt é de 16, o que, em pixels, dá uma medida de 126px de largura por 11px de altura.