Gradient colors in OTT UX

Accedo One offers various customization options to align your service with your brand. One such feature is the ability to configure button color schemes with optional gradients, adding depth to your design and encouraging interaction.

Buttons can have a gradient base color, a gradient border color, or both. There are two types of gradients you can use for your service:

‍

1. Button with gradient base

‍

2. Button with gradient border

‍

Configuring a button gradient

At this point, button gradients are available for Web and Smart TV platforms. You always define a solid color at the same time as configuring the gradients - the solid color will be displayed on platforms where gradients are not supported. 

To set this up, navigate to your Admin UI: Design > Brand > Colors > Buttons. You'll find options to configure colors for the three main button types in Accedo One:

• Primary button
• Secondary button
• Promotional button

Each button type can be customized to utilize gradients for their base color, border color, or both. Alternatively, you can opt for a solid single color if gradients are not desired or supported on specific platforms.

‍

‍

To apply a gradient color to a button, choose the Background or Border property for the relevant button and select "Gradient" under Select style.

Next, click on the left and right gradient color selectors to choose a start and end color for the gradient. Finally, click Save to apply your changes.

To revert to a single solid color instead of a gradient, select "Remove gradient color" and then Save.

‍