Graphic Designers and Brand Guardians: Answers to your Vibe.fyi Questions

Designers, graphic teams, and marketing brand guardians – this article is for you. Whether you’re in charge of slide design or slide content, here are some frequently asked questions about designing slides in the Vibe portal.

I’m a designer but not the content producer. How do I make sure our content producer stays on brand?

You can set up a brand theme in Vibe, which includes default fonts, a primary logo, a selection of background images and primary and secondary headings and background colours.

By default, your brand theme is applied to all slides. You will also have the option to customise these settings at a slide and theme level.

Read more about setting up a theme.

Brand theme page in the Vibe portal


What are the size of a full-screen graphic?

Vibe screens with dimensions and marginsTypically, a standard commercial screen display will be one of the following ratios:

We recommend establishing a minimum 50 pixel safe area around the edges of your full-screen graphic to allow for the mandatory logos and information bar functionality.

However, dimensions of an LED screen, or video wall will vary according to the resolution and default orientation of your screen/device.

For more details including how to setup your artwork and margins, read our Image Optimisation help file.

What are some best practices for content?

Here are some best practices that will keep you slides looking great.

For more layout guidelines, check out the Layout and Design help file.

FREE RESOURCE
We created some free graphics for your internal comms signage to get you started.

Do I need to optimise images?

Vibe does have an in-built JPG compression when you drag and drop images into the Portal Image Manager. However, we highly recommend compressing your assets before uploading them into Vibe. You can use free online image compression tools such as TinyPNG. If you’re using Photoshop, you can go to File > Save for Web & Device, then select the Presets to compress your image.

Learn more about compressing your images.

Can I preview my design before it goes live?

Yes, you can. First, make sure the slide is not currently playing on any playlist. In the playlist tab, make sure all the toggles are switched off. This means that the slide is in ‘draft’ and not live. Now you can edit the slides and any changes you’ve made will show up on the preview window. For more preview options, click View Options. This will allow you to show it in Fullscreen mode or get a URL to view in any browser. 

Here’s more information on previewing content.

Playlist management in Vibe portal

Do Vibe slides show videos?

Yes, you just need to choose the right slide. As of writing, we have two slides that accommodate videos: the Livestream slide and Video slide.

Read this help file to learn more about optimising your video content for Vibe.


Vibe Template Library

Training (Bubbles)

Training (Complex)

Profiles

Quiz (Single)

Quiz (Multi-choice)

Translations

Slide Messages

Date List

Events List

Goal Setting

Real Estate (Listings)

Profiles 50/50

Feature Listings 50/50

World Clocks

Data (Dial Comparisons)

Data (Stats)

Noticeboard (Zoom)

Messages (Bubbles)

Image (Multi)

Data (Plot)

Events (Hero 3)

Social (Expanded Style)

Social (Sequential Style)

Social (Panoramic Style)

Social (Full Screen)

Social (Solo Style)

Job Vacancies

Graph Goals

Data (Multi-dial)

Data (Multi-bubble)

Comments (Bubbles)

Carousel

Profiles (Teams)

Leaderboard

News Lists

News Highlights

Room Bookings

Noticeboard (Blocks)

Values

Training Carousel (Organic)

Training (Panels)

Menu Quick Service 50/50

Real Estate (Gallery)

Social (Classic Style)

Poster (Bubbles)

Training Messages (Geometric)

Training Gallery (Geometric)

Training Carousel (Geometric)

Values (3 styles in 1)

Training Messages (Organic)

Schedule

Profiles (Classic)

Poster

Podium

Photoboard

Noticeboard (Text)

Noticeboard (Slice)

Noticeboard (Scroll)

Noticeboard (Hero 4)

Noticeboard (Hero 3)

Noticeboard (Grid)

Menu Flexi (Bubbles)

Graph Totals

Show More