Personalizações
Nesta seção, você encontrará todas as personalizações disponíveis no produto Unico IDPay
Last updated
Was this helpful?
Nesta seção, você encontrará todas as personalizações disponíveis no produto Unico IDPay
Last updated
Was this helpful?
É possível personalizar a logo que é apresentada para o usuário final, conforma imagem abaixo:
Para solicitar a inclusão desta logo, é necessário enviar ao time Unico uma imagem no formato .PNG no tamanho de 56x56px.
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:
Utilize o hexadecimal das cores para verificar a escala de contraste. Exemplo: Foreground ColorPicker: #000000, Background Color: #FFFFFF, Contrast Ratio: 21.00:1.
Ao longo do processo de implantação, é possível solicitar a configuração da cor e formato dos botões na interface no IDPay, de acordo com a identidade visual da empresa, conforme imagens abaixo:
Recomendações:
Escolha cores acessíveis: Ao personalizar as cores dos botões no by Unico, 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.
Exemplo: #FFFFFF (texto) em #000000 (fundo) resulta em uma taxa de contraste de 21.00:1.
Além das cores do texto e de fundo, você também pode definir o arredondamento dos cantos (border radius) em pixels, conforme a escala abaixo:
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.
Priorize cores com contraste legível de no mínimo 4.5:1, seguindo os parâmetros de acessibilidade da .
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 .
Dúvidas?
Não encontrou algo ou ainda precisa de ajuda? Se já é um cliente ou parceiro, pode entrar em contato através da .
