>Tipografia
Tipografia

A VTEX Trust, nossa família tipográfica personalizada, é única e fácil de usar, refletindo o espírito, as crenças e os princípios de design da nossa marca. Ela foi cuidadosamente projetada para atender às nossas necessidades como uma empresa global de tecnologia.

Trust é o que nos une

A VTEX Trust vem em uma gama completa de pesos e itálicos. Em todas as nossas comunicações contamos com ela para expressar nossa personalidade com clareza e consistência.

Pesos da VTEX TrustBAIXAR A FONTE

Um único peso

Usamos apenas o peso Regular da tipografia VTEX Trust. Use as cores e a escala tipográfica para criar hierarquia visual em títulos, subtítulos e texto corrido. Há algumas exceções nos pesos do texto corrido, permitindo negrito e itálico quando necessário para destacar um termo ou frase.

Um único peso

Escala

A escala cria variações de tamanho que mantêm cada peça com o equilíbrio e o refinamento certos, ao mesmo tempo em que facilitam a decisão de qual tamanho usar.

O sistema se baseia na escala 1.5 (a quinta justa) para garantir hierarquia e um contraste marcante entre as mensagens usando apenas um peso de fonte. Para acessar o gerador de escala tipográfica, visite: type-scale.com.

Escala tipográfica

Entrelinha

O espaço entre as linhas segue uma lógica de proporção: para títulos, o espaço entre as linhas deve ser 100% do tamanho da fonte; subtítulos devem ser 120% do tamanho da fonte; para o texto corrido, o espaço entre as linhas deve ser 150% do tamanho da fonte.

Proporções de entrelinha

Alinhamento

Sempre que possível, alinhe o texto à esquerda. Isso cria um alinhamento vertical preciso entre os elementos, adicionando legibilidade, organização e clareza à nossa composição.

Alinhamento do texto

Baseline por distância

Considerando uma proporção de escala 1.5 no texto, diferentes unidades de base foram atribuídas de acordo com a distância de visualização da mídia. A atribuição de bases permite legibilidade mínima em relação aos diversos conteúdos e às diferentes dimensões de mídia impressa.

Baseline por distância

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. Clique nas cores e veja como os textos são aplicados em diferentes fundos:

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

Crimes com tipografia

Para manter nossa tipografia consistente e legível em todos os pontos de contato, sempre evite os exemplos a seguir:

Preste atenção aos contrastes ao usar cores.
Nunca use texto totalmente em maiúsculas.
Nunca altere o espaçamento entre as letras.
Nunca use fontes não oficiais.
Nunca use palavras em negrito nos títulos.
Nunca alinhe o texto à direita.