Branding tab - Brand the event

This article describes how to implement your brand on the event's site.

Navigate to the Branding page; from the Event page, click the Branding tab.

The Branding page displays.

The Branding page allows you to edit the logo, banner, and theme for your event. 

Edit logo

The default logo is taken from the initial setup. If you wish to insert a different logo, click Edit logo and choose the desired file. We recommend that your logo has adequate contrast on dark backgrounds. Recommended size: max height 200px.

Edit banner

The default event banner is taken from the template initial setup. If you wish to insert a different image, click Edit image and choose the desired file. The image may be cropped. We recommend avoiding texts and placing the subject at the center of the image. Recommended size: 1920x1080 px.

Edit a custom theme

1. If the custom theme has not been edited (for instance, if you've just created the event and this is the first time branding the event site), click the + Create custom theme button. If the custom theme has been previously edited, click the three blue dots on the lower right corner of the theme, then choose Edit.
   The Edit theme screen displays. The options display on the left side of the screen, and a preview of the event site displays on the right.
   
2. Type a hex brand color. The brand color is used as an accent color, reflected in interactive elements such as call-to-action buttons, links, and highlighted elements.
   
3. Select the theme color mode from one of the following options:
   • Dark Mode 
   • Light Mode
     
4. Variations offer several options to add a unique touch to your theme. It controls the colors of your backgrounds, text, and other UI elements. You can select from three options:
   • Neutral - The scheme will composed with shade of neutral grays.
   • Monochromatic - The scheme will use the tint from your brand color to created a low-saturated color palette.
   • Custom - This gives you more control. You can set a separate color for your header and choose a specific color to create the color palette for the rest of the UI elements. If you choose Custom variation, two additional options display on the Edit Theme screen - "Header" and "All other elements".
5. Choose either Preset or Web fonts.
   
6. If you chose Preset, select from the following fonts:
   • Arial
   • Garamond
   • Georgia
   • Lato (default)
   • Sans-serif
   • Tahoma
   • Times New Roman
   • Trebuchet MS
   • Verdana
     
7. If you chose Web font, complete the following sub-steps: 
   1. Enter an External stylesheet URL containing your embedded fonts.
      For example, you can grab the URL from your provider: https://fonts.googleapis.com/css2family=Roboto:wght@400;700&display=swap
      Only a single font family should be embedded. We recommend including the following weights: 400 (Normal) and 700 (Bold).
   2. Enter a Font family name as it is declared in the stylesheet or supplied by your provider.
      
8. Select the roundness of UI elements such as buttons, input fields, and certain menus. Choose from the following options:
   • Sharp Edges
   • Slightly Rounded (Default)
   • Rounded
     
9. When finished click Save. If the theme is activated, changes will be applied on the event site. 

Activate theme

1. Hover over the desired theme, then click Activate theme.
   A confirmation screen displays. 
2. Click Activate theme to confirm or click Cancel or cancel.
   A message displays confirming your request. The activated theme is denoted below the theme box by "Active" and when you hover over the theme box, "Theme activated".