Microtexto

Texto

Pode diferir ligeiramente da interface real.

Ponto:
Auxiliar Texto para ser exibição na linha superior dentro de Botão. Ele é orientado para a categoria de texto principal Descrição.

O que muda com essa configuração:
É possível ter uma hierarquia de informações em um único Botão.

Dica de ajuste:
Defina-o menor e mais fino do que o texto principal para que ele não tire o papel principal.

Itens de configuração.

• Micro Texto (até 2 linhas): suplementos curtos às informações de pré-requisito do texto principal para acelerar a compreensão do conteúdo.

Observações: O Micro texto é o exibição na parte superior interna do Botão (acima do Texto principal); seu posicionamento é diferente do "Micro texto", que é o exibição na parte superior externa do Botão, a área Micro texto não será exibição. Adequado para nomes de categorias e textos curtos e rotulados. Hover não suportado: Não há configuração de estado do Hover para o Micro texto; as alterações no Hover devem ser controladas pelo corpo do Botão (Configurações de estilo, Configurações de fundo, Configurações de ícone etc.).

Cor do ícone

Pode diferir ligeiramente da interface real.

Ponto:
Definir a base Cor do ícone. Essa é a cor que forma a base da estrutura da camada.

O que muda com essa configuração:
A impressão final é determinada pela relação com Sobreposição e a cor do texto.

Dica de ajuste:
Deve-se dar prioridade a cores que possam ser lidas em combinação com o texto e o Fundo, em vez de cores que tenham boa aparência por si só.

Itens de configuração.

• Cor do texto + Alfa: cor do texto e grau do Transparente. Defina uma cor mais fraca do que o texto principal para esclarecer a hierarquia de informações.

Fonte

Pode diferir ligeiramente da interface real.

Ponto:
Defina Fonte em Micro texto. Essa configuração é usada para tornar a estrutura do texto legível mesmo com texto auxiliar pequeno.

O que muda com essa configuração:
A combinação de Tamanho do ícone, espessura e Altura da linha determina o equilíbrio principal entre a visibilidade e o texto principal.

Dica de ajuste:
Decida primeiro o "Tamanho da fonte" e a "Altura da linha" e, por último, ajuste a "Espessura" e o "Espaçamento entre letras".

Configurações

• Font Family: Tipo de letra. Combine com o corpo Fonte para manter uma aparência consistente.
• Font Weight: Peso da fonte. Mais leve que o texto principal para ser exibido como informação suplementar.
• **Defina o ponto inicial como o menor Tamanho do ícone que não será esmagado pelo SP.
• Line Height: Altura da linha, para garantir a legibilidade quando duas linhas são usadas.
• Letter Spacing: espaçamento entre letras. Ajuste o espaçamento o menor possível para eliminar atolamentos.

Sombra do texto

Pode diferir ligeiramente da interface real.

Ponto:
Define a sombra do texto, útil em situações em que você deseja reforçar a legibilidade no Imagem de fundo.

O que muda com essa configuração:
A intensidade da sombra altera o equilíbrio entre a visibilidade e a sensação decorativa.

Dica de ajuste:
É seguro começar com um Blur menor e um Alpha menor e adicionar o quanto for necessário em etapas.

Opções de configuração.

• Colour + Alpha: cor da sombra e grau Transparente, usado para ajudar quando a diferença de brilho entre Fundo é insuficiente.
• Blur: quantidade de Desfoque. Se o valor for aumentado demais, o contorno do texto ficará embaçado.
• **Horizontal: Deslocamento horizontal. Valores extremos podem causar problemas de legibilidade.
• **Vertical: Deslocamento vertical. Uma pequena quantidade na direção descendente é natural.

Layout

Pode diferir ligeiramente da interface real.

Point:
Define a posição e as margens de Micro texto. A distância do texto principal controla a ordem de leitura.

O que essa configuração altera: Quando as margens superior e inferior estão alinhadas, as informações podem ser lidas em etapas, mesmo com o estreito Botão.

Dica de ajuste:
Use Margin para priorizar a distância externa e finalize com Padding e rotação somente quando necessário.

Configurações

• Margin: margem externa. Cria uma distância entre o texto principal e o fluxo ocular.
• Padding: margem interna com Fundo para evitar que o texto fique preso ao decorar.
• Transform > Rotation (deg): rotação, usada para aplicações Acento com ângulos pequenos, o valor Padrão é 0.

Notas: Cada configuração do Micro texto é compatível com o Responsivo; sempre verifique o Tamanho da fonte e o Margem no SP para garantir que eles se encaixem no Botão. Diferenças do Micro texto: o Micro texto não tem configurações de Estilo, Predefinição, Borda, Raio da borda e Cor de fundo/Gradiente. As configurações possíveis são Texto, cor do texto, Fonte, Sombra do texto e Layout (Margem, Preenchimento, rotação). Se precisar de um texto auxiliar decorativo, considere usar Micro texto fora do Botão.