Resource: Manual Color Palette Guide
Ada Labalan
December 20, 2024 01:50
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;
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
Was this article helpful?
0 out of 0 found this helpful
Comments
Please sign in to leave a comment.