Knowledge Hub > ARTICLES

Gradient colors in OTT UX

by

Marianne Hainitz

Solutions Manager

July 3, 2024

Best practices

Download

Share

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

  1. 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.

Download

Download Now

Share this article

Discover what's next for you.

Speak with one of our video experts to see how far your video service can go.

Contact Us
2 black semi-circles touching on a white background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

x