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)

Where to add your colours

  1. Login to the Admin console
  2. Go to ยป Digital Signage / Settings / Themes
  3. Use the 4 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 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 fonts. Design ...
    • Tips for Design and Branding Teams

      Designers, Graphic teams, Marketing, Brand Guardians - This article is for you! The first thing to note is that you do not need to design templates. We've got that covered! This guide is designed to support you in creating compelling, on-brand ...
    • 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 Templates 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 your content. ...