Skip to main content
Skip table of contents

Website 2.0 Theming

Website 2.0 supports a detailed theme for your brand, which can be set and customised in Redbox Management. Where the theme asks for a dark or light colour, ensure you provide a suitable light or dark colour, as these colours are used to ensure there is enough contrast when text is displayed on top of another colour.

Changes to your theme may take up to an hour to display on your website.

To set your theme, navigate to Redbox Management Portal → Marketplace → Branding. Each field will accept a hex code of the colour you would like to set. You can also click on the colour thumbnail to use a colour picker. Once you've made the changes you want, select the 'Save' button to make sure any changes have been applied successfully.

If you want to revert to the original colour palette, simply select the 'Reset' button and all the colour codes will reset to the default.

Screenshot 2024-02-13 at 13.18.06.png
Screenshot 2024-02-13 at 13.25.29.png

Setting

Details

Site Backround

Used as the background of your site, white or a pale colour works best.

Brand

Your main brand colour, used in the main header and on buttons.

Brand Dark

Brand Light

Used as the background of the service picker and in the footer.

Brand Highlight

Used when you hover over a segment card.

Light Shadow

Used as the border on the service picker.

Dark Shadow

Used as a shadow colour under the service picker.

Main Text

Used as the main text colour, normally a dark colour.

Dark Text

Used where dark text is needed over a colour that isn't white.

Light Text

Used where light text is needed over a colour that isn't white.

Danger

Applied to warnings in forms and in checkout, should be a shade of red.

Flag

Used for outlet flags on segments, outlet cards and on the outlet menu view. This colour needs to work as a background for white text and also as a stand alone text colour.

Discount

Used for discounts on segments, outlet cards and on the outlet menu view. This colour needs to work as a background for white text and also as a stand alone text colour. To help customers identify which text is flags and which are discounts its worth making this colour different to the flag colour.

For a positive customer experience, you need to make sure your colour choices improve readability. Using unsuitable colours on buttons or text can make the navigation and content on your website challenging for your customers and can impact their ability to use it.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.