Unleash your creativity with the Brandlive Platform's custom color palette, allowing you to craft visually stunning and on-brand page designs. This guide will offer a comprehensive breakdown of the color palette and the various corresponding site elements. 

Screenshot 2023-09-22 at 6.04.51 PM.png

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. Our Emails operate using a separate color palette; you can read more about that here.

Screen Shot 2023-09-12 at 4.32.17 PM.png

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

Top