Skip to main content
A seção Typography controla a aparência dos seus textos. Isso inclui fonte, tamanho, espaçamento, alinhamento e muito mais. Use essas configurações para seguir o estilo da sua marca e melhorar a legibilidade.

​
Onde encontrar

  1. Selecione um elemento de texto (título, parágrafo, texto de botão etc.)
  2. Vá até o painel da direita
  3. Abra a seção Typography

​
Configurações de tipografia

Image

​
Font

  • Escolha a família da fonte

​
Weight

  • Controla o peso (negrito) do texto
  • As opções vão de leve a negrito

​
Color

  • Define a cor do texto
  • Você pode usar o seletor de cores ou valores RGB

​
Size

  • Controla o tamanho do texto
  • Normalmente em pixels (px)

​
Align

  • Alinhe o texto:
    • À esquerda
    • Ao centro
    • À direita

​
Line Height

  • Controla o espaço entre as linhas do texto
  • Ajuda a melhorar a legibilidade

​
Letter Spacing

  • Controla o espaço entre as letras
  • Útil para títulos ou textos estilizados

​
Decoration

  • Adicione estilos ao texto:
    • Sublinhado
    • Tachado
    • Nenhum

​
Case

  • Controla a formatação do texto:
    • Maiúsculas
    • Minúsculas
    • Iniciais maiúsculas

​
Observação importante (herança)

As configurações de tipografia seguem uma estrutura pai → filho:
  • Se você aplicar uma fonte a um elemento pai (como uma seção ou contêiner)
  • Todos os elementos filhos dentro dele vão herdar essa fonte automaticamente
👉 Isso só vale se os elementos filhos não tiverem uma fonte própria definida

​
Exemplo

  • Defina a fonte de uma seção → Inter
  • Todo o texto dentro dela usa Inter
Se você mudar a fonte de um bloco de texto →
👉 apenas esse bloco ficará diferente

​
Boas práticas

  • Defina as fontes nos contêineres pais para manter a consistência
  • Sobrescreva apenas quando necessário
  • Use tamanhos maiores para títulos
  • Mantenha o texto do corpo fácil de ler
  • Evite usar estilos de fonte demais