Colours (Backgrounds & Fonts)

Colours (Backgrounds & Fonts)

Applying brand colours to your default Theme will ensure that your slides are on brand every time. Theme colours will be applied to all slides, when a slide is newly installed and also when 'Theme on' is selected within the attributes. But as all Vibe Communication slides are editable, you can also individually customise the attributes to suit your content.

Design requirements

  1. Select 4 colours from your company branding guidelines
    • 2 x Primary Colours (IE: a dark & light colour)
    • 2 x Secondary Colours (IE: a dark & light colour)
  2. Format
    • Hex Colour Codes. IE: #EA0001 (HEX color is a six-digit combination of numbers and letters defined by its mix of red, green and blue or RGB.

Where to add your colours

  1. Login to the Admin console
  2. Go to ยป Digital Signage / Settings / Themes
  3. Use the 4 x Colours fields to add your preferred colours

  4. Preview a slide to see your changes

Tips

  1. If you have only 1 brand colour (like our our Vibe.fyi Logo), include black, grey, white or a shade of your main brand colour.
  2. If you don't know the HEX colours for your brand, try a colour generation tool, like this one from Adobe. Drag your logo onto the drop-zone to find out the (approximate) hex colours. You'll see Hex codes below the colour swatch, so just click the copy icon and paste into the theme fields.
    https://color.adobe.com/create/image


    • Related Articles

    • Fonts (.WOFF files)

      All Vibe Communication templates use Open Sans font by default. You can not add fonts through the Admin Console or the Portal, however the Vibe.fyi support team can! Once we've added your font files to your environment, all templates will adopt your ...
    • Slide Design Standards

      The aim of the Design Standards for Vibe.fyi Your role as a designer is so important and we want to provide you with all the information you need to ensure that the visual content on your Vibe channel is: On brand Fresh Snackable Engaging Animated ...
    • Logo Image

      To help you stay on brand, add a Logo to your default Theme, that will be applied to all slides by default, when a slide is newly installed and also when 'Theme on' is selected within the attributes. But as all Vibe Communication slides are editable, ...
    • Background (Image Pool)

      Vibe Communication slides link to a pool of background images using your Theme, that will be applied to all slides by default. But as all slides are editable, you can also individually customise the Background Image field with an image that suits ...