What options do event admins have to customize the branding of their event space?
From primary and secondary color selections, page banners and custom background images, Canapii offers a fully customizable platform solution to exceed client expectations and wow users.
The majority of branding options are located within your event console's general settings tab listed under step 1 of your event's left side event Console menu. Scroll below and click to jump to a specific branding option.
|Light vs dark mode|
|General platform banners|
|Additional banners and descriptions|
|Session tile graphics|
|Speaker and attendee profile images|
Light vs dark mode
The first question you may want to ask yourself is whether or not your event should have a "light" or "dark" theme. This selection will change the appearance of your event's login page, registration pages, and general platform.
This option can be found by navigating to your general settings tab beneath step 1 of your event Console sidebar. Next locate the details panel and select edit. Locate the appearance section to toggle your platform from light to dark and see a small preview of the different themes.
Organizers will also find a theme toggle within this area. Upon selecting 'enable' it will allow attendees to switch between light & dark mode. If you enable this setting, we suggest that you think about the branding & color scheme because it must be compatible for a light & dark background.
Primary, secondary and navigation bar colors
While still on your event's general settings page, you can scroll down to the branding panel.
Here is where you can select primary and secondary colors by inputting the HEX color code into these fields.
Primary colors are reflecting in your platform's:
- registration buttons
- app navigation
- chat icons
- and links
Secondary colors are reflecting in your platform's:
- left-side registration box
- and secondary buttons
Further, you have the option to select the color of the top navigation bar to compliment the other branding colors you have added to your platform. Simply enter the HEX color code of your desired color into the navigation bar field.
General platform banners
Below the area where you denoted primary and secondary colors above This is where you upload a company or organization logo and event branding for login banners, email banners, and event banners. The page gives helpful prompts on where the branding is used for your reference. Please pay special attention to any dimensions for an optimized look and feel.
Once you change these images to your own branding, the standard images Canapii has added will disappear.
Optimized measurements: 110 x 30 pixels
This logo will appear in the top left-hand corner of the platform, in the menu bar. Once uploaded, you can check out how this looks by jumping to pressing View draft event (step 3).
Optimized measurements: 1920 x 500 pixels
This is used on your registration pages and is the default banner on the homepage. Ideally, the image should be dark, abstract, and not contain any text.
Remember, once you add a session and set it as a highlight banner the default homepage banner will be replaced. Once uploaded, you can check out how this looks under registration in step 1 of your console side bar.
Optimized measurements: 750 x 120 pixels
This is used on all email notifications about your event from Canapii. Once uploaded, you can check out how this looks under Registration (step 1).
Optimized measurements: 1280 x 1920 pixels
Sometimes attendees will access your event from the login page, rather than the registration page.
Note: the maximum file size of each image used is 3MB.
Scrolling all the way to the bottom of the branding panel will give you a spot to upload a background image for your event. This image will be used as the background of all pages (excluding login, forgot password, and registration pages). We suggest dimensions for this image to be between 1920x1080 and 2560x1440 pixels in size. We also suggest that the image not be too busy as to distract attendees from the engaging content your event has to offer.
Additional page banners and descriptions
Some pages have optional headline banners and page descriptions that you can use to create a cohesive look and feel across your entire event platform.
Below are a list of the pages where you can upload banners and include page descriptions by selecting the button:
- Resource center
- Community gallery
- Community forum
- Meetings (select then to include a blurb at the top of the event meetings page)
When including a banner image what dimensions should the banner be?
We find that a banner size no larger than 1920x300 pixels looks great! However you can always play around with different sized banners to find the one that best fits your page's needs.
Session tile graphics
Session banner: 1920 x 1080
Playlist preview: 1620 x 1080 (This is the area of the session graphic that will be shown when the session is added to a playlist - note the reduced width. We suggest keeping any text or images that are baked into this graphic within these dimensions)
Highlight banner: up to 1920 x 500
Secondary banner: up to 1920 x 175
VOD thumbnail: 1920 x 1080 (This is shown within VOD sessions before the user presses the play icon to watch the session. This option is uploaded beneath the assets tab at the bottom of the specific session's settings page)
Note: playlist preview, highlight banner and secondary banner images are pulled default from the session's banner. Sizes provided are guidelines of the maximum visible area (from the center of the image) and will be dependent on user's screen size.
Tip: When a session is highlighted in either the main or secondary highlight position, you have the option to override the image used as the highlight banner. To utilize this simply highlight the session from the session's settings page and a new option window will appear to the right with additional controls for the session's highlighted appearance.
Speaker and attendee profile images
Profile images: 400 x 400
Picture files supported: JPEG & PNG.
Console offers a cropping tool to adjust final image size.