Activity Landing Page Theme Section

This article will guide you through what you can do with this section of designing and working with the Activity Landing Page, (formerly Event Page). If you are just starting in designing your Activity Landing page, you will likely want to start here.

Your first step in creating your Activity Landing Page is to choose the overall theme. There are two themes to choose from: Dark and Light, with a toggle choice to include a Live Event section.

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 Activity Landing 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 Activity Landing Page's Logo & Branding section.

If you prefer the Light Theme, then the sections in your Activity Landing Page will either default to white or your Campaign Color initially set in your Campaign Settings, but can be adjusted in the Activity Landing Page's Logo & Branding section.

The Live Event toggle adds a Live Event section. This allows you to have a video instead of images for the hero or initial section at the top of your Activity Landing Page. By turning on/off the Live Event in the Live Event section or the Image Hero section you can toggle from something like a slideshow of images before you go live using the Image Hero, and then you can switch to the Live Event when you live stream. For more on the Live Event section, click here.

Theme Section

Note: Toggling between themes will reset the background colors of all the sections back to their defaults. If you try to switch between themes, it will warn you about the change first:
Confirm Theme Change Warning Message

Feature

Dark 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