Pular para o conteúdo principal

Estilos Semânticos​

Os estilos semânticos definem o uso adequado de elementos textuais, de acordo com sua função no layout.
No futuro, poderão ser criadas regras adicionais específicas por contexto (ex.: em determinados componentes).

Display​

  • Tokens primitivos que carregam valores absolutos.
  • Dependem da fonte-base definida no navegador do usuário.

Headline​

  • Usado para textos curtos e de alta ênfase.
  • Marca passagens principais de texto ou seções primárias de conteúdo.

Title​

  • Menores que as headlines, com ênfase intermediária.
  • Indicados para textos curtos em seções secundárias.
  • Exemplo: dividir conteúdos dentro de uma página.

Body​

  • Usado em passagens longas de texto.
  • Estilo padrão para conteúdos principais da aplicação.

Label​

  • Estilos menores e utilitários.
  • Usados em rótulos de componentes, legendas ou descrições auxiliares.