Subcópia

Texto

Pode diferir ligeiramente da interface real.

Ponto:
Defina o texto auxiliar como exibição abaixo de Botão (fora de Botão). Isso é útil para notas e suplementos de condição.

O que muda com essa configuração:** Adiciona informações que reduzem mal-entendidos, mantendo o apelo do Botão principal.

Dica de ajuste:
Diminua um pouco o contraste do texto principal para facilitar a manutenção do texto principal.

Itens de configuração.

• Sub Copy (até 2 linhas): encurta as condições e notas para reduzir interpretações errôneas antes de clicar.

Notas: Sub texto é exibição na parte inferior externa de Botão; está posicionado de forma diferente de "Sub texto", que é exibição na parte inferior de Botão; use de acordo com sua aplicação, a área Sub texto não será exibição. Adequado para o exibição na redação do contrato para os termos de uso e nas notas do exibição.

As alterações no Hover devem ser controladas pelo próprio 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. Mantenha o texto principal com um contraste mais fraco do que o texto principal.

Fonte

Pode diferir ligeiramente da interface real.

Ponto:
Define o tipo de letra e a estrutura do texto de Sub texto. Essa configuração cria uma maneira de garantir que as notas não sejam ignoradas.

O que muda com essa configuração:
A espessura adequada e o Tamanho do ícone podem ser usados para fornecer informações suplementares sem interferir no texto principal.

Dica de ajuste:
Primeiro, decida o Tamanho da fonte e a Altura da linha e, em seguida, ajuste o Espaçamento entre letras no final para obter estabilidade.

Configurações

• Font Family: Tipo de letra. Use a mesma família que o texto para manter a continuidade das informações.
• Font Weight: Peso. Para texto suplementar, defina-o como um valor antes ou depois de Regular.
• Font Size: Caractere Tamanho do ícone; garanta o mínimo legível de Tamanho do ícone no SP antes de definir o lado do PC.
• **Altura da linha: Altura da linha, para evitar atolamentos e ilegibilidade em configurações de duas linhas.
• Letter Spacing: Espaçamento da fonte. Ajuste o espaçamento o menor possível sem reduzir a legibilidade.

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; reforça o contorno do texto no Imagem de fundo.
• Blur: quantidade de Desfoque. Recomenda-se uma configuração baixa, pois uma configuração muito alta resultará em desfoque.
• Horizontal*: Quantidade de deslocamento horizontal. Use um valor muito baixo, pois ele tende a causar desconforto.
• Vertical: Quantidade de deslocamento vertical. Um leve deslocamento para baixo tende a criar sombras naturais.

Layout

Pode diferir ligeiramente da interface real.

Ponto:
Define o posicionamento e as margens do Sub texto. Esse item é usado para ajustar a distância até o Botão principal.

O que muda com essa configuração:
Se a distância for adequada, ela será reconhecida como informação suplementar e a ordem de leitura será estável.

Dica de ajuste:
Primeiro, fixe a distância vertical com Margin e adicione Padding somente com o Fundo.

Configurações

• Margin: margem externa, ajusta a distância do Botão para fornecer orientação para os olhos.
• Padding: margem interna, para evitar que a cor do Fundo fique muito apertada quando colocada.
• Transform > Rotation (deg): Rotação. Usada em pequenos ângulos para fins decorativos; o valor do Padrão é "0".

As configurações do Sub texto são compatíveis com o Responsivo; o Margem, o Preenchimento, o Tamanho da fonte etc. podem ser definidos individualmente para cada dispositivo. Ao usar o Micro texto e o Sub texto simultaneamente, tenha o cuidado de equilibrar a quantidade de texto para evitar sobrecarga de informações. Preste atenção ao equilíbrio da quantidade de texto para evitar a sobrecarga de informações.

Diferenças do Micro texto: o Sub texto não tem configurações de Estilo, Predefinição, Borda, Raio da borda e Cor de fundo/Gradiente (essas opções só existem em Micro texto). Se quiser usar borda ou cor de fundo no Sub texto, use personalização CSS. Os itens configuráveis são Texto, cor do texto, Fonte, Sombra do texto e Layout (Margem, Preenchimento, rotação).