Website overview

Colour themes

There are 3 colour themes which will help the pages you create feel distinctly OVO.

These colour themes are combinations of text and background colour that will make the page layouts you create feel engaging and help the user focus on key sections.

On light colour theme

This theme uses typography and CTAs that work on light backgrounds such as white and off white. The majority of components use this theme. It is useful for more information led components and where larger amounts of text are needed.

On dark colour theme

On dark is great to use on top of imagery and for more heavily branded pages like campaigns. It uses white CTAs and a double colour title with light green that will not be guaranteed to pass accessibility on lighter colours.

On brand colour theme

This theme uses the brand green as a background. It is great to use when you wish to inject some of the OVO brand into your pages in the simplest way possible. With this theme less is more. Use simple typography on green backgrounds to get the most impact.