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 two themes to choose from: Dark and Light.
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.
Feature | Dark 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 |