Event Page Theme Section

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 replaces the image with a video (and includes additional live event functionality in the Hero section). For more on the Live Event theme, click here.

Theme Section

Note: Toggling between themes will reset the background colors of all the sections back to their defaults.

Feature

Dark/Live Event Theme

Light Theme

Logo & Branding: Brand ColorCampaign ColorCampaign Color
Logo & Branding: Background ColorVery Dark GreyWhite
Banner: Background ColorMostly BlackBrand Color
Banner: Navigation Links/AccentsWhiteWhite
Banner: Social SharesWhiteWhite
Banner: Hero Primary ButtonBrand Color with White TextBrand Color with White Text
Hero: TextWhiteWhite
Hero: Primary ButtonBrand Color with White TextBrand Color with White Text
Hero: Secondary/Supporting ButtonsWhite with Brand Color TextWhite with Brand Color Text
BackgroundVery Dark Grey / Background ColorWhite / Brand Color
Keyword: Main TextWhiteBlack
Keyword: Initial Keyword/Shortcode TextBrand ColorBrand Color
Event Details: TextWhiteWhite
Event Details: AccentsBrand ColorWhite
Event Details: Action ButtonBrand Color with White TextWhite with Brand Color Text
Event Details: BackgroundVery Dark Grey, but lighter than default Background colorBrand Color
Impact: Main TextWhiteBlack
Impact: AccentsBrand ColorBrand Color
Impact: Card TitleBrand ColorBrand Color
Impact: Card TextWhiteBlack
Impact: Card AmountWhiteBlack
Impact: Card ButtonsBrand Color with White TextBrand Color with White Text
Impact: BackgroundVery Dark Grey / Background ColorWhite
Sponsors: TextWhiteBlack
Sponsors: AccentsBrand ColorBrand Color
Sponsors: Action ButtonBrand Color with White TextBrand Color with White Text
Sponsors: BackgroundVery Dark Grey / Background ColorWhite
Sponsors: ImagesDefault / In ColorGreyscale
Footer: TextWhiteBlack
Footer: ButtonBrand Color with White TextBrand Color with White Text
Footer: BackgroundDark GreyVery Light Grey
Footer: Disclaimer LineVery Dark Grey, but lighter than default Background colorVery Dark Grey


If you will have more than 1,000 live viewers during your virtual event, please contact your Account Manager a week in advance so we can advise on the setup and preparation for your event and schedule complementary technical monitoring during your event.