Personalizações

Personalização da logotipo

É possível personalizar a logo que é apresentada para o usuário final. Para solicitar a inclusão desta logo, é necessário enviar ao time Unico uma imagem no formato .PNG no tamanho de 56x56px.

Diretrizes de uso do logotipo

Regras

• Priorize a aplicação do logotipo em planos de fundo que garantam a legibilidade.
• Não utilize logotipos que não respeitem o grid quadrado.
• Evite o uso de logotipos em baixa resolução.
• Não aplique o logotipo em fundos transparentes.

Recomendações

Priorize cores com contraste legível de no mínimo 4.5:1, seguindo os parâmetros de acessibilidade da WCAG. Utilize o hexadecimal das cores para verificar a escala de contraste. Exemplo: Foreground Color #000000, Background Color #FFFFFF, Contrast Ratio 21.00:1.

Personalização da cor e formato dos botões

Ao longo do processo de implantação, é possível solicitar a configuração da cor e formato dos botões na interface da Verificação de Cartão Não Presente, de acordo com a identidade visual da empresa.

Recomendações

• Escolha cores acessíveis: Ao personalizar as cores dos botões no Web e Native, opte por um esquema de cores acessível, que garanta a visualização para todos os usuários, incluindo aqueles com deficiência visual.
• Taxas de contraste: Busque uma taxa de contraste superior a 4.51:1 para obter os melhores resultados.

Cores acessíveis facilitam a navegação para todos, especialmente para pessoas com baixa visão. Utilize o hexadecimal das cores para verificar o contraste e siga as recomendações da WCAG.

• Exemplo: #FFFFFF (texto) em #000000 (fundo) resulta em uma taxa de contraste de 21.00:1.

Arredondamento dos cantos no botão

Além das cores do texto e de fundo, você também pode definir o arredondamento dos cantos (border-radius) em pixels.

Configurações de personalização

Para realizar essa configuração, é só enviar as seguintes informações ao time Unico:

• Código hexadecimal da cor de background no botão. Ex: #000000.
• Código hexadecimal da cor de texto no botão. Ex: #ffffff.
• Arredondamento dos cantos no botão em pixels. Ex: 10px.