Themes and Colours: Brand Your Streaming Platform Once, Apply It Everywhere
Colours, header, footer, cards and player configured in one place, with a live preview of your website.
One Brand Definition, No Colour Drift
Vodlix themes and colours let you define your brand palette once and apply it across the website, TV apps and mobile apps automatically. Brand drift happens when a colour is set separately in several places and gradually diverges, leaving three slightly different reds across your platform. In Vodlix, colours, header, footer, cards and player styling are configured in a single place, so the apps cannot drift from the website. One definition keeps every surface consistent as the platform evolves.
One definition
Colours set once, applied everywhere.
Live preview
See your website as you edit.
Card shapes
Portrait or landscape per surface.
Portrait and Landscape Card Shapes per Surface
Vodlix lets you set card shapes deliberately, because the shape of a content card affects browsing as much as colour does. Landscape cards suit television, where rows scroll horizontally under a remote; portrait cards suit phones, where a poster reads well in a vertical grid. You can set default card shapes and featured card shapes separately per surface, so each screen shows content in the format that works best for it. Layout choices become brand decisions rather than accidents.
Live Preview Before You Save
Vodlix shows a live preview of your real website while you adjust a theme. Colour, header, footer and card changes render in the preview window as you make them, so you see how a change looks to viewers instead of guessing. The mobile app settings carry their own sketch of the phone layout. TV app colours are set in the same editor but have no preview yet, so check a significant change on a test television before it reaches the living room.
Custom CSS for Advanced Styling
For teams that need more than the standard controls, Vodlix supports custom CSS within the theme settings. Most operators never need to write styling by hand, because colours, layout and cards cover the usual branding requirements. The few who need precise control over typography, spacing or a specific component can add their own CSS without modifying the platform. Custom CSS is there when it is required and out of the way when it is not.
Frequently Asked Questions
Have questions about taking advantage of this limited-time offer? Check out the FAQ for answers.
Where do I set brand colours on Vodlix?
Brand colours are defined once in the Vodlix Themes and Colours settings and applied automatically across your website, mobile apps and TV apps, so every surface uses the same palette.
Can I preview theme changes before saving?
Yes. Vodlix shows a live preview of your website as you adjust colours, headers, footers and cards, and the mobile app settings show a sketch of the phone layout. TV app colours have no preview yet, so check them on a test device.
Can I use different card shapes on different devices?
Yes. Vodlix lets you set portrait or landscape card shapes separately for default and featured content on each surface, so posters suit phones and wide cards suit televisions.
Why does a single brand definition matter?
A single definition removes brand drift. When a colour lives in one place, the apps cannot diverge from the website, so you never end up with three slightly different versions of your brand red.
Can I add custom styling beyond the standard theme controls?
Yes. Vodlix supports custom CSS within the theme settings for teams that need precise control over typography, spacing or specific components, without modifying the platform itself.
What if my brand colour does not work on a dark background?
That is common and worth catching before launch rather than after. The test is not whether it matches your brand guidelines in daylight but whether somebody can read a button on a television at eleven at night.
Can I write my own CSS?
Yes, for the cases the controls do not reach. Most services never need it, and the ones that do usually need it for something specific rather than for wholesale changes, so it exists as a route rather than as the main path.
How is this different from custom templates?
A template is the structure and layout, this is the brand values applied within it. You would change a template rarely and colours whenever your branding moves, which is why they are deliberately separate.