Cabeçalhos
Ao trabalhar com diferentes tipos de texto, é necessário criar uma ordem e um sentido para eles. Por isso, precisamos encaixa-los em diferentes níveis de importância para que os usuários compreendam por onde devem começar a escanear os elementos. Trabalhar com esses níveis garante a eficácia e eficiência na transmissão da mensagem, que vai refletir também na experiência do usuário em relação ao produto.
O primeiro nível está relacionado a todos os textos maiores da interface e que geralmente transmitem o conceito chave para o usuário. Podemos incluir por exemplo, todos os títulos que serão utilizados, os famosos H1, H2, H3 e etc.
No contexto do portal existem 2 modelos de cabeçalhos:
Cabeçalho padrão
Esta é a estrutura padrão do tile de cabeçalho. Não há necessidade de aplicar nenhum estilo extra para sua apresentação; o texto é apresentado em negrito, centralizado e na cor primária:
Eu sou um exemplo de cabeçalho padrão
Estrutura:
Cabeçalho com linhas
Este modelo de cabeçalho pode ser utilizado como um subtítulo ao cabeçalho padrão e também poderá ser aplicado na quebra de seções dentro de uma mesma página. O tile pode ser alterado atribuindo-se a classe Cabeçalho com linha, que altera o texto para maiúsculas, cor secundária e adiciona linhas horizontais em ambos os lados.
Eu sou um exemplo de cabeçalho com linhas
Configurando o tile de cabeçalho: