Tipografia

Fonte Primária

É essencial considerar qual tipo de fonte estará na vanguarda da formação dessa imagem – a tipografia primária.

Usamos a fonte Lato como fonte primária. Ela é um equilíbrio entre ser uma fonte de marca bem trabalhada e instantaneamente reconhecível e ser uma fonte que tenha um caráter amigável. A fonte Lato é umas das fonte sans-serif mais original e interessante. Foi desenhada por Lukasz Dziedzic e inclui 10 estilos. As letras em Lato têm curvas únicas que só podem ser vistas em tamanhos maiores. Ela foi escolhida para usar em peças digitais e impressos.

A versão Light é usada em frases curtas, que não precisam de evidência, ou para complementar uma parte do título, na parte menos importante dele.
A versão Regular é usada em texto corrido.
A versão Bold é usada para frases/palavras colocadas em evidência.
A versão Black é usada para títulos, em maísculas e com espaçamento de letras.
A versão Italic para cada peso é usada para dar mais evidência a uma parte do texto, ou para palavras em outro idioma.

A Lato é uma fonte Google.
Para utilizar a fonte, faça o download: https://fonts.google.com/specimen/Lato
e instale seguindo esses passos: https://tecnoblog.net/responde/como-instalar-fontes-no-windows-7-8-10

Fonte de sistema

A fonte Segoe UI foi escolhida especificamente para uso em e-mail, apresentações, documentos e relatórios.

A versão SemiLight é usada em frases curtas, e detalhes.
A versão Regular é usada em texto corrido.
A versão SemiBold é usada para frases/palavras colocadas em evidência e títulos.

A Segoe UI é uma fonte comum do sistema operacional Windows e não precisa ser instalada.

Tratamento da tipografia

As especificações padrão, como estilo, tamanho, peso e cor, são descritas para impressão e uso digital. As regras gerais sobre o tratamento de fontes consistem em alinhamento, espaçamento horizontal, entrelinha e capitalização. O tratamento inclui, mas não se limita a:

Alinhamento

A VERT usa na maioria dos casos o alinhamento à esquerda. Podem ser usados textos centralizados ou alinhamento à direita em casos especificos.

Espaçamento

O kerning (ou espaçamento de letras) deve evitar ao máximo ser alterado do default da fonte. Em excessões é usado nos títulos. Não tem regra rigorosa, mas para manter um um estilo consistente é bom ter em mente uma base de 100 / ou no caso de sites 1px.

Maiúsculas

Usamos para títulos e cabeçalho o estilo ALL CAPS (ou seja tudo em letras maiúsculas).

Aplicando hierarquia tipográfica

Aqui um exemplo de post nas redes sociais para mostrar a hierarquia das fonts que usamos: