Textos de interface

Conceito

Na VERT, usamos a fonte Lato para todo o material digital. Possuímos padrões da fonte dependendo do seu uso e necessidade.

Estilos

Escala de tipo é usado para todos os títulos, legendas, corpo e legendas, criando uma experiência de tipografia coesa. A hierarquia é comunicada por meio de diferenças no peso da fonte (leve, médio, regular), tamanho, espaçamento entre letras e maiúsculas e minúsculas.

ESCALA DE FONTE VERT-C

Unidade de tamanho de fonte

Utilizamos a unidade REM para expressar o tamanho da fonte na web.

Aplicando a escala da tipografia

A escala da tipografia aparece como texto nos componentes e no layout geral. Os atributos de tipografia podem usar valores personalizados para a tipografia de letra, fonte, caixa, tamanho e espaçamento entre letras.

Headlines

Na escala de tipo, os títulos variam de acordo com a escala da fonte. Eles são o maior texto na tela e seu espaço é reservado tanto para textos quanto para numerais curtos e importantes.

Body

O Body é normalmente usado para textos contínuos e longos.

Label

Legenda e texto sobrelinhado (texto com uma linha acima) são os menores tamanhos de fonte. Eles são usados com moderação para fazer anotações em imagens ou para apresentar um título.

Comprimento da linha

Definimos o comprimento da linha de acordo com o ambiente em que está sendo criado o texto (tela de celular, tela de computador).

Linhas largas de texto são difíceis de ler e tornam mais difícil para as pessoas se concentrarem. Embora não haja uma maneira certa de medir a largura perfeita para o texto, um bom objetivo é ter entre 60 e 100 caracteres por linha, incluindo o espaçamento. Definir um comprimento de linha ideal dividirá o conteúdo em informações de fácil digestão.