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 Commerce Platform" é a VTEX Trust.
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.
Outro fator é que o logo tem uma variação em 2 linhas (mais detalhes nas páginas seguintes). A entre-linha, portanto, deve sempre ser configurada em altura 100% e a medida entre-letras (em todos os formatos) deve ser sempre configurada para -4%.
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 Commerce Platform" é a VTEX Trust.
PlatformVTEX Commerce
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.
Commerce
PlatformVTEX
Commerce
Platform
Outro fator é que o logo tem uma variação em 2 linhas (mais detalhes nas páginas seguintes). A entre-linha, portanto, deve sempre ser configurada em altura 100% e a medida entre-letras (em todos os formatos) deve ser sempre configurada para -4%.
A área de proteção X é definida pela altura da letra "X" do logotipo. Nenhum elemento pode invadir essa área ao redor do logo.
Uso exclusivo nos logos quando necessária a composição tipográfica. Jamais use o peso Medium além das 3 "VTEX Platforms".
Usar VTEX Trust Medium com entre-linha 100% e entre-letras -4%.
Use para títulos, subtítulos e/ou textos de destaque. Jamais use o peso Regular como Marca para as 3 "VTEX Platforms".
Usar VTEX Trust Regular com entre-linha 120% e entre-letras -4%.
Use para títulos, subtítulos e/ou textos de destaque. Jamais use o peso Regular como Marca para as 3 "VTEX Platforms".
Usar Inter Tight Regular com entre-linha 150% e entre-letras 0%.
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 (no caso o Logo em tipografia).
Em termos de proporção de margens entre as fontes, tome como X = Margem entre Fonte Primária e Secundária. Por fim, a margem entre este bloco e a Fonte base deve ser de 1,5x (por exemplo, no caso abaixo 1X = 32, logo, o espaço entre o bloco da Fonte primária e secundária será de 48 (1,5X)
O VTEX AI Workspace oferece às equipes de comércio um sistema operacional nativo de IA que automatiza fluxos de trabalho.
O VTEX AI Workspace oferece às equipes de comércio um sistema operacional nativo de IA que automatiza fluxos de trabalho.
O VTEX AI Workspace oferece às equipes de comércio um sistema operacional nativo de IA que automatiza fluxos de trabalho.
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. Outro Exemplo centralizado correto em caso do uso do logo em linha dupla com entrelinha em 100% para o logo 120% para Subtítulo e 150% para bloco de texto. Por fim, a mesma abordagem deve ser feita no modelo de linha tripla alinhado pelo meio (centralizado).
As cores são um recurso essencial de expressão que ajudam a promover a identificação e definir o tom da comunicação. Abaixo, você encontrará os principais princípios do nosso código de cores. Para materiais impressos, é obrigatório o uso de códigos CMYK.
Pink
Default
Black
Darker
Dark
Light
Dark
Default
Lightest
Darkest
Light
Sempre priorize o uso dos 3 logotipos em Rebel Pink. É isso que torna nossa marca reconhecível à primeira vista. Obviamente, ela também poderá ser aplicada a diferentes cores como nos exemplos abaixo.
Commerce
Platform
Em fundos escuros ou com cor mais evidente
Use logo na cor Branca
Commerce
Platform
Em fundos menos escuros ou com cor menos evidente
Use logo na cor Sirius Black
Commerce
Platform
Em fundos mais claros com cor menos evidente
Use logo na cor Sirius Black
Commerce
Platform
Em fundos quase brancos ou quase sem cor
Use logo na cor Sirius Black
Commerce
Platform
Em fundos Brancos
Use logo na cor Sirius Black
Commerce
Platform
Em fundos Extremamente escuros (Sirius Black)
Use logo na cor Branca
Commerce
Platform
Em fundos escuros (Secondary Darker)
Use logo na cor Branca
Commerce
Platform
Em fundos azulados com cor evidente
Use logo na cor Branca
Commerce
Platform
Em fundos com cinza neutro em evidência
Use logo na cor Branca
Commerce
Platform
Em fundos Cinza menos evidentes (Neutral Dark)
Use logo na cor Branca
Os gradientes são parte da identidade para, em certos momentos e assets, serem usados para dar ainda mais reforço visual e narrativo.
Commerce
Platform
Branco em gradiente rosa
Use logo na cor Branca
Commerce
Platform
Branco em gradiente escuro
Use logo na cor Branca
Commerce
Platform
Sirius Black em gradiente neutro
Use logo na cor Sirius Black
Não cometa estes pecados com a VTEX Commerce Platform
Commerce
Platform
Não use Sirius Black em fundos com gradiente rosa
Commerce
Platform
Não use Rebel Pink em fundos com gradiente escuro
Commerce
Platform
Não aplique gradiente no texto em fundos com gradiente
Commerce
Platform
Não use gradiente diretamente no logo das 3 Platforms
Commerce
Platform
Não use outros tons de gradiente que não foram apresentados neste guia
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.
Em fundos abstratos, busque sempre posicionar a marca nas partes mais limpas da imagem (para que a legibilidade do logo seja preservada)
E use o logo na cor Branca em imagens com cores evidentes
Em fundos com elementos em 3D, busque sempre posicionar a marca nas partes mais limpas (para que a legibilidade do logo seja preservada)
E use o logo na cor Branca em imagens com cores escuras
Em fotografias, busque posicionar a marca nas partes mais limpas (para que a legibilidade do logo seja preservada)
Use o logo na cor Sirius Black em imagens com cores claras
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.
O tamanho mínimo de uso do logo em media .pt é de 16, o que, em pixels, dá uma medida de 182px de largura por 11px de altura.