πŸ“– Customization

Customization: Color theme for Navigation Bar

Learn how to customize the background colors of the navigation bar in Brella's apps to better fit your event's branding.

To be covered:

Intro

As an event organizer, you can customize the background colors of the navigation bar in Brella's apps to better fit the event's branding. The navigation colors can be linked to the overall color theme, or customized independently.

This setup will be visible on events where organizers actively select either the β€œSmart” or β€œCustom” nav bar themes.

Where to find on Admin Panel (manager.brella.io)

  • Navigate to manager.brella.io
  • Click on the event 
  • Navigate to the Customization tab
  • Click on 'Custom theme'
  • Scroll down to 'Nav bar theme'
  • Here you go! Now you can enter the changes! 
HubSpot Video

How to use (steps)

Once you land on Navigation Bar them, you will see 3 different options:


Default

Default - this nav bar theme has default Brella's colors settings. No setup steps required here, if you would like to go with this theme. 

Smart  

  • Click on Smart theme from the nav bar selection 
  • Choose if you would like to go with Primary or Secondary color setup. These setup colors are retrieved from your tags, buttons, and links color setup you did initially at the top. 
  • Choose if you would like to go with Dark or Light theme for your event
  • You can check the preview on the right side next to the setup view
  • You can also see the overall result on next.brella.io 

Custom  

  • Click on Custom theme from the nav bar selection 
  • Set up separate colors for all Brella navigation independent of the color theme used for the rest of the app
  • You can enter all brand colors to the dedicated placeholders that will translate your brand image and feel to the audience. Ask your design or marketing team to share the right colors with you to make the UI more branded and user friendly.  
  • You can check the preview on the right side next to the setup view
  • You can also see the overall result on next.brella.io  

How to use (visual)

 

HubSpot Video

 

Note: This customization feature will be available on the web app (next.brella.io) only. This will be added to mobile apps later. 


Last updated on June 2022. 

Written by Aynur Atayeva. 

If you didn’t find an answer to your questions, please contact the Support Team here.

πŸ‘‡