Branding

Branding and Builder Settings

The Branding and Builder Tab allows admins to customize the universal colors and fonts for their community. These settings ensure the platform reflects the community’s unique branding, creating a cohesive and professional appearance for all members.

How to Access Branding and Builder Settings

1. Log in to your Jambo dashboard.
2. Click on the gear icon in the top-right corner.
3. From the list of settings tabs, select Brand and Builder.
4. Within this tab, you’ll find two key sections:
   1. Custom Branding
   2. Website Builder
      

Custom Branding

Toggle Custom Branding On

When toggled on, admins can customize the colors and fonts for the community. These changes will reflect across the entire platform.

1. Selecting Colors
Admins can customize a variety of color options for their platform. Below is an explanation of each setting:

1.1 Color Theme

• Select a primary color theme from a pre-defined list of colors. This forms the foundation for the platform’s branding.

1.2 Main / CTA Default / Chip Text

• Set the primary color for key elements like Call-to-Action (CTA) buttons, default text on chips, and other main action elements.
• Choose a color using a hex code or the interactive color shade window.

1.3 CTA Hover

• Set the color that appears when users hover over primary Call-to-Action (CTA) buttons.

1.4 CTA Disabled / Chip Background

• Customize the background color for disabled CTAs or chips to differentiate inactive elements.

1.5 Secondary CTA Text Default

• Set the default text color for secondary CTAs, ensuring it contrasts appropriately with the background.

1.6 Secondary CTA Text Hover

• Choose the hover color for secondary CTA text, adding a polished interactive experience.

1.7 Mouse Hover Background

• Customize the background color for mouse hover effects, ensuring it aligns with the overall theme.

1.8 Announcement Card

• Define the color for the background of announcement cards, helping important messages stand out.

1.9 Secondary Text

• Set the color for secondary text, typically used in supportive or less prominent contexts.

1.10 Territory Text

• Define the color for territory or label text, which categorizes or organizes content visually.

1.11 Help Text

• Choose the color for help or instructional text, ensuring it is readable yet unobtrusive.

[A real time example of each should be given screncapture it]

Fonts

Admins can customize the platform’s typography by selecting from a list of pre-defined fonts. These changes will apply across all pages, ensuring consistency.

Real-Time Preview

A preview window allows admins to see the changes applied in real time. This includes:

• Web Portal View: A live preview of how the branding appears on the main platform.
• Landing Page View: A visual representation of the public landing page with the selected settings.
• Mobile View: Simulates how the branding appears on mobile devices.

Saving Changes

Once all desired changes are made:

1. Click on the Save Changes button (near bottom of the page)] to apply the configured settings across the platform.
2. Changes will reflect instantly for all members.

[screenshot]