Valotalive themes allow you to apply your company's branding to automated content displayed on screens. A theme controls typography (fonts) and color schemes, ensuring a consistent look across all your digital signage.
Each theme is built in layers, starting with a background and culminating in the application layer, which displays the actual content.
Backgrounds
very application has a background, creating a visual buffer between the edge of the display and the content itself. Backgrounds can be either an image or a solid color.
Typography
Themes allow customization of font color and font family. Valotalive provides over 250 fonts, and custom company fonts can be uploaded upon request.
Title and body text font and color settings are applied to all automated posts, such as those from SharePoint, public news sources, or VivaEngage.
It's important to note that posts created using e.g. PowerPoint or Google Slides retain the original document's styling.
Color palette
Each automated post uses a defined color palette, including:
Background color: The primary color behind the content.
Frame color: The color used to outline the content or post.
Font colors: Colors for both the title and body text.
Accent colors are used sparingly for elements like dates, names, and other small details.
For optimal visual impact, it's recommended to follow the 60-30-10 rule for color usage:
60% for dominant color
30% for secondary color
10 % for the accent color
This ensures a balanced and professional look.
Creating and Updating Themes in Valotalive
Create, manage, and update theme settings
Navigate to My Account | Themes
Click Create a new theme to start from scratch by scrolling to the bottom of the page
or
Select the desired theme and click Edit from the dropdown menu,
Configuring the background
In the theme settings, choose BG to edit the background.
Select either Color or Image as the background type. Note that background image uploads have a 10MB limit.
When using an image, ensure it matches the display resolution (e.g., 3840 x 2160 pixels for a 4K display) for optimal quality. Upload the image to Valotalive.
An app background color can be layered on top of the background image or color. This creates a semi-transparent effect. The opacity of this layer can be adjusted from 0 (transparent) to 1 (fully opaque). Partial transparency works best with background images.
Typography and Color Adjustments
Font Modification: Hover over text elements (title or body text) to reveal a pen icon. Click the pen to modify the font family and color.
Edit the title and body fonts in a similar fashion, but independently.
Accent Color Modification: Similarly, hover over the accent color circles to access the pen icon and change the color.
Note: The smaller circles are not used by the apps and can be ignored.
Theme Finalization
Naming: Give your theme a descriptive name.
Saving: Save your changes and close the theme editor.
Theme Verification and Assignment
Visibility: After saving, define who can use the theme:
only you (the creator),
your company, or
set it as the default for your company.
Once saved, you and your colleagues can apply the theme to any app via the app's settings.
For further read: Valotalive content Apps - Activate and go live