Personalizações
Nesta seção, você encontrará todas as personalizações disponíveis no produto Unico IDPay
Personalização da logotipo
É 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.
Formatos de logotipo não aceitos
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 ColorPicker:
#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 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.
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 de21.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, conforme a escala abaixo:
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.
Dúvidas?
Não encontrou algo ou ainda precisa de ajuda? Se já é um cliente ou parceiro, pode entrar em contato através da Central de Ajuda.
Last updated
Was this helpful?