This article will guide you through what you can do with this section of designing and working with the Event Page. If you are just starting in designing your event page, you will likely want to start here.
Your first step in creating your Event Page is to choose the overall theme. There are three themes to choose from: Dark, Light, and Live Event.
The Dark Theme is the default and is more in line with the current trends of web page design. Each of the sections in your Event Page will be varying shades of grey. Buttons and highlights will be white or your Campaign Color initially set in your Campaign Settings, but can be adjusted in the Event Page's Logo & Branding section.
If you prefer the Light Theme, then the sections in your Event Page will either default to white or your Campaign Color initially set in your Campaign Settings, but can be adjusted in the Event Page's Logo & Branding section.
The Live Event theme is identical to the Dark Theme except for the Hero section, which adds a Video Hero (and includes additional live event functionality in the Hero section) to the Image Hero Section. This allows you to toggle from something like a slideshow of images before you go live using the Image Hero, and then you can switch to the Video Hero when you live stream. For more on the Live Event theme, click here.
Feature | Dark/Live Event Theme | Light Theme |
Logo & Branding: Brand Color | Campaign Color | Campaign Color |
Logo & Branding: Background Color | Very Dark Grey | White |
Banner: Background Color | Mostly Black | Brand Color |
Banner: Navigation Links/Accents | White | White |
Banner: Social Shares | White | White |
Banner: Hero Primary Button | Brand Color with White Text | Brand Color with White Text |
Hero: Text | White | White |
Hero: Primary Button | Brand Color with White Text | Brand Color with White Text |
Hero: Secondary/Supporting Buttons | White with Brand Color Text | White with Brand Color Text |
Background | Very Dark Grey / Background Color | White / Brand Color |
Keyword: Main Text | White | Black |
Keyword: Initial Keyword/Shortcode Text | Brand Color | Brand Color |
Event Details: Text | White | White |
Event Details: Accents | Brand Color | White |
Event Details: Action Button | Brand Color with White Text | White with Brand Color Text |
Event Details: Background | Very Dark Grey, but lighter than default Background color | Brand Color |
Impact: Main Text | White | Black |
Impact: Accents | Brand Color | Brand Color |
Impact: Card Title | Brand Color | Brand Color |
Impact: Card Text | White | Black |
Impact: Card Amount | White | Black |
Impact: Card Buttons | Brand Color with White Text | Brand Color with White Text |
Impact: Background | Very Dark Grey / Background Color | White |
Sponsors: Text | White | Black |
Sponsors: Accents | Brand Color | Brand Color |
Sponsors: Action Button | Brand Color with White Text | Brand Color with White Text |
Sponsors: Background | Very Dark Grey / Background Color | White |
Sponsors: Images | Default / In Color | Greyscale |
Footer: Text | White | Black |
Footer: Button | Brand Color with White Text | Brand Color with White Text |
Footer: Background | Dark Grey | Very Light Grey |
Footer: Disclaimer Line | Very Dark Grey, but lighter than default Background color | Very Dark Grey |