---
title: Personalizações
description: Opções de personalização de logo, cor e formato de botões para a experiência da Verificação de Cartão Não Presente, com recomendações de contraste de acessibilidade.
canonical: https://developer.unico.io/pt-BR/dual-api/developers/regional-solutions/card-not-present-verification/integration/customizations
locale: pt-BR
generated_by: markdown-export
---

### 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

:::warning[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.
:::

:::tip[Recomendações]
Priorize cores com contraste legível de no mínimo `4.5:1`, seguindo os parâmetros de acessibilidade da [WCAG](https://accessibleweb.com/color-contrast-checker/). 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.

:::tip[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](https://accessibleweb.com/color-contrast-checker/).

- **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`.