Feature Overview: Themes
Fully branded sites, every time with the click of a button. Theme packs give teams the ability to define their own custom visual experience for the entire project; across registration and landing pages, to session pages and emails. Set colors, fonts, and border settings once, and rest assured that the entire project is visually cohesive and aligned to your specifications.
Design your theme using the automatic palette creator with built in color accessibility and readability assurance across both light and dark modes. Or use the manual theme builder to pick every color, font, and setting to ensure brand alignment.
Cohesive Project Creation with Theme Packs
Simplify and streamline the project creation and creative timeline with project level theme packs. Use one of the existing prebuilt theme packs to get new projects going right away, or create any number of new theme packs to fit your project needs perfectly.
Automatic Palette Creation
When creating a new theme pack, pick one primary color to get started and let the automatic palette generator do the work creating several visually accessible options to choose from. With automatic palette pack creation, rest assured that projects will be readable across both light and dark modes.
Manual Palette Creation
Want further control to ensure your project aligns exactly to your brand? Scroll below automatic palette creation to set all Theme Pack color settings manually. Choosing manual palette creation allows you to take full control over your visual experience but it does remove the visual accessibility assurance. When choosing both Light and Dark mode colors, be mindful of readability in the preview to your right. Please also be sure to fill out both a light and a dark mode version of your manual theme pack.
Colors Guide
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.
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 |
Fonts
Choose from a variety of pre-populated header and body font combinations or simply upload your own using .ttf, .otf, or .woff font files.
Border Radius
Customize the shape and style of various elements across your site including buttons, images, labels and containers.
Finalizing Theme Pack Settings
After confirming project colors, the theme pack creator will prompt you to pick font choices. Take advantage of any of the preinstalled options available or add your own font files to further customize the look and feel of your project.
Then, after picking button border radius settings, save the theme to instantly apply new settings to all project pages and email templates all at once.
Comments
Please sign in to leave a comment.