# Personalizações
## 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.
Grids de logotipo aceitos
### Formatos de logotipo não aceitos
Formato de logotipo não aceitos
{% hint style="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.
{% endhint %}
{% hint style="success" %}
**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* *ColorPicker*: `#000000`, `Background Color:` `#FFFFFF`, Contrast Ratio: `21.00:1`.
{% endhint %}
## 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:
Personalização do botão
Exemplos de contraste
{% hint style="success" %}
**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**](https://accessibleweb.com/color-contrast-checker/).
* **Exemplo**: `#FFFFFF` (texto) em `#000000` (fundo) resulta em uma taxa de contraste de `21.00:1`.
{% endhint %}
### 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.`
