Color settings for an entire project are built into Project Theme Packs. Create any number of Theme Packs for any number of creative or branded experiences. When creating a new theme pack, picking a single color will trigger the automatic palette generator to create several visually accessible options to choose from. For projects that require a bit more brand management or creative expression, every color setting can be manually selected as well.
Manually picking project theme colors does remove the visual accessibility assurance while also allowing for full creative control. This guide will offer a comprehensive breakdown of the color palette and the various corresponding site elements. Once a theme pack is selected, it is instantly applied to all project pages, sessions, and email templates for a unified experience across the entire project.
Customizable Colors is Just the Beginning
The color palette is merely a jumping off point for further customization. Nearly every element on the Brandlive Platform allows for custom color selection - simply keep an eye out for a paintbrush icon in the corner of a module or a colored dot above a line of text.
Background Color
| PAGE |
MODULE |
ELEMENT |
| Landing, Home & Custom Pages |
Sessions & Content, About, Speakers, Products, Videos, Sponsors, & Callout. |
Default background color for all enabled default modules |
| All Pages |
Footer |
Default background color |
| All Pages |
Products |
Popup background color |
| Watch (formerly Agenda) Page |
Sessions & Content |
Page background color |
| Profile Page |
Attendee Profile |
Page background color |
| Landing, Home, Custom & Session Pages |
Navigation > Profile Icon |
Active hover color |
| Session Page |
All Modules |
Default background color for all configured modules |
Body Text Color
| PAGE |
MODULE |
ELEMENT |
| Landing Page |
Navigation |
Site language selector |
| All Pages |
Footer |
Privacy Policy, T&Cs + Brandlive logo |
| All Pages |
Sessions & Content, About, Speakers, Products, Videos, Sponsor & Accordion Modules. |
Header + Sub-header text color |
| All Pages |
Speakers |
Names & Titles of Speakers |
| Landing, Home & Custom Pages |
Sessions & Content |
Date, time, title & description (if added) of each session tile |
| All Pages |
Products |
Names & Body text of Products; attribute drop down text; button text. |
| Landing, Home & Custom Pages |
Callout |
Button text |
| Registration Page |
Title Card |
Header + sub-header text; day in calendar icon. |
| Registration Page |
Registration Form |
"Grab Your Spot!" header text;
registration field descriptions + input text |
| Landing, Home & Custom Pages |
Accordion |
Header + sub-header text; drawer question + body text. |
| Home, Custom & Session Pages |
Direct Messaging |
All text, GIF/image/emoji icons in chat input |
| Home, Custom & Session Pages |
Navigation |
Non-active navigation icons/text |
| Directory Page |
Directory |
Names & Profile information |
| Directory Page |
Directory |
Page Numbers |
| Landing, Home, Custom & Session Pages |
Navigation > Icon |
Profile pop-out text |
| Leaderboard Page |
Leaderboard |
Names, profile initials and point count. |
| Session Page |
Video Player |
Live in card text + ADD text. |
| Session Page |
Tabs |
Non-active tab icons/text (if added) |
| Session Page |
Feedback |
Feedback survey text |
| Session Page |
Overview > Description |
Header + sub-header text |
| Session Page |
Overview > Similar Sessions |
Session name + description |
| Session Page |
Surveys |
All existing + inputted text |
| Session Page |
Documents |
Document names |
| Session Page |
Questions |
Filter text, input text. |
Secondary Accent Color
| PAGE |
MODULE |
ELEMENT |
| Landing & Home Pages |
Main Banner |
Countdown numbers |
| Landing, Home & Custom Pages |
Sessions & Content, About, Speakers, Products, Videos, Sponsors, Callout & Accordion Modules. |
Pre-header text |
| Registration Page |
Title Card |
Date month & time text color |
| Leaderboard Page |
Leaderboard |
Points counter container background |
| Session Page |
Video Player |
Pre-live screen "Broadcast" container |
Heading Text Color
| PAGE |
MODULE |
ELEMENT |
| Landing Page |
Navigation |
Registration button text |
| Landing & Home Pages |
Main Banner |
Header Text + button text |
| Landing, Home & Custom Pages |
Sessions & Content |
Details/Watch button text |
| Landing, Home & Custom Pages |
Callout |
Header text color |
| Home, Custom & Session Pages |
Navigation |
Profile initials text + carrot |
| Session Page |
Video Player |
Pre-live Session title |
| All Pages |
Products, Callout |
Button text |
| Registration Page |
Registration Form |
Submit button text |
| Session Page |
Similar Sessions, Survey, Questions |
Button text |
Secondary Background Color
| PAGE |
MODULE |
ELEMENT |
| Landing & Home Pages |
Main Banner |
Background color |
| Landing, Home & Custom Pages |
Callout |
Overlaid box background color |
Accent Color
| PAGE |
MODULE |
ELEMENT |
| Landing Page |
Navigation |
Button color |
| Landing & Home Page |
Main Banner |
Button color |
| All Pages |
Sessions & Content |
Details/Watch button color, date filter active text color |
| Landing, Home & Custom Pages |
Video (Showreel) |
Play button color |
| Landing, Home & Custom Pages |
Callout |
Button color |
| Registration Page |
Registration Form |
Already Registered? text + Submit button color |
| Home, Custom & Session Pages |
Navigation |
Active navigation icons/text |
| Home, Custom & Session Pages |
Navigation |
Profile details button color |
| Home, Custom & Session Pages |
Direct Messaging |
Messaging icon |
| Directory Page |
Directory |
Profile initial colors |
| Profile Page |
Attendee Profile |
Edit button color, profile initial colors |
| All Pages |
Products |
Button color |
| Session Page |
Tabs |
Active tab icons/text (if added) |
| Session Page |
Feedback Survey |
Star color |
| Session Page |
Questions |
Ask Question button color |
Container Color
| PAGE |
MODULE |
ELEMENT |
| Landing Page |
Navigation |
Navigation bar color |
| Landing & Home Pages |
Main Banner |
Body text, countdown text color |
| All Pages |
Sessions & Content |
Session tile container background color, date filter active background color |
| Landing, Home & Custom Pages |
Accordion |
Question tile container background color |
| Registration Page |
Registration Form |
Form background color |
| Registration Page |
Title Card |
Date card background color |
| Home, Custom & Session Pages |
Navigation |
Navigation bar color |
| Home, Custom & Session Pages |
Surveys |
Overlaid box background color |
| Home, Custom & Session Pages |
Direct Messaging |
Messages background color |
| Landing, Home, Custom & Session Pages |
Navigation > Icon |
Non-active default color |
| Directory Page |
Directory |
Attendee tile background color |
| Profile Page |
Attendee Profile |
Section tile background colors, editing popup background color |
| Session Page |
Questions |
Overlaid box background color |
Related Articles