Customizations
In this section, you will find all the available customizations for the Unico IDPay product.
Last updated
Was this helpful?
In this section, you will find all the available customizations for the Unico IDPay product.
Last updated
Was this helpful?
It is possible to customize the logo displayed to the end user, as shown in the image below:
To request the inclusion of this logo, you need to send the Unico team an image in .PNG format, with a size of 56x56px.
Rules:
Prioritize the application of the logo on backgrounds that guarantee legibility.
Do not use logos that do not respect the square grid.
Avoid using low-resolution logos.
Do not apply the logo on transparent backgrounds.
Recommendations:
Use the hexadecimal of the colors to check the contrast scale. Example: Foreground ColorPicker: #000000, Background Color: #FFFFFF, Contrast Ratio: 21.00:1.
Throughout the implementation process, it is possible to request the configuration of the color and shape of the buttons in the IDPay interface, according to the companyās visual identity, as shown in the images below:
Recommendations:
Choose accessible colors: When customizing button colors in By Unico, opt for an accessible color scheme that ensures visibility for all users, including those with visual impairments.
Contrast ratios: Aim for a contrast ratio higher than 4.51:1 for the best results.
Example: #FFFFFF (text) on #000000 (background) results in a contrast ratio of 21.00:1.
In addition to text and background colors, you can also define the button's corner rounding (border-radius) in pixels, according to the scale below:
To configure the visual identity of the client or partner for the button, share the following information with Unico's implementation team:
Hexadecimal color code for the button's background.
Example: #000000.
Hexadecimal color code for the buttonās text.
Example: #ffffff.
Button corner rounding in pixels.
Example: 10px.
Prioritize colors with a readable contrast of at least 4.5:1, following accessibility parameters.
Accessible colors improve navigation for everyone, especially for people with low vision. Use hexadecimal color codes to check contrast and follow guidelines.
Didn't find something or still need help? If you're already a client or partner, you can reach out through our .
