How to use Brand Boards in Funnels and Websites

Maintaining consistent branding across your funnels and websites is crucial for creating a cohesive visual identity. Brand Boards are designed to simplify this process by offering a centralized way to manage and apply your brand’s colors efficiently. This article will walk you through the key features, benefits, and practical steps to effectively use Brand Boards in any funnel or website builder.

Key Features and Benefits of Brand Boards

1. Saves Time: No need to remember HEX codes or manually select colors for each element; Brand Boards streamline the process, saving you time and effort.

2. Customizable Color Options: Manage both default and custom colors, allowing for easy adjustments and maintaining consistent branding throughout your site.

3. Eye Dropper Tool: Use the eye dropper tool to pick any color directly from your design, making it easy to match your brand's colors to images or other visual elements.

Why Use Different Color Options?

Brand Colors: These colors represent your brand identity and should be used consistently across all pages and products to create a uniform appearance.

Default Colors: System-defined colors that remain unchanged regardless of brand-specific themes or settings. Use these for elements that need not be altered with brand updates.

Custom Colors: For page-specific customizations, these colors allow detailed control and adjustments across different elements within the page. Custom colors make it possible to maintain consistency while also permitting unique styling as needed.

How to Use Brand Boards

Step 1: Access Your Funnel or Website Builder

• Navigate to the Sites tab > Funnels/Websites
• .Edit any existing funnel or website or create a new one  

Step 2: Access the Color Palette

Within the funnel or website editor:

1- Select the text, section, or element you want to change the color for.

2- From the right sidebar or inline toolbar, click on the text color option.

3- The unified color palette will appear, showcasing both Default and Custom Colors for easy access.

Step 3: Customizing Text and Element Colors

1- Open the Custom Colors Section: Within the color palette, navigate to the "Custom Colors" section.

2- Edit or Add New Colors: Click the edit icon to update an existing color or add a new one by inputting its HEX code or adjusting the color selector to your desired hue.

3- Adjust Colors as Needed: Make any adjustments to refine your colors. Changes to Custom Colors will automatically apply to all elements using that color across your funnel or website.

Step 4: Managing Custom Colors

To maintain a cohesive brand style:

• Add a New Custom Color: Select the “Add” option, input the HEX code, or use the color picker tool.
• Edit an Existing Color: Click on the color swatch you wish to change, and make adjustments using the color picker or HEX input.
• Delete a Custom Color: If a particular color is no longer needed, it can be removed to keep your color palette organized.

Step 5: Consistently Applying Brand Colors

Ensure that you apply your Brand Colors across all relevant elements of your funnel or website. This consistency enhances the overall brand recognition and professional appearance of your online presence.

Tips for Effective Use

1. Maintain Consistency: Regularly use Brand Colors throughout your site to ensure that the look and feel remain aligned with your brand's identity.

2. Easy Updates Across Pages: Any changes made to Custom Colors are immediately applied across all the elements using that color, ensuring uniformity without the need to update each element individually.

3. Utilize the Eye Dropper Tool: To match colors precisely from images or design elements within your page, use the eye dropper tool. This helps in keeping your brand colors perfectly aligned with your visual content.

Pro Tip

When designing your funnel or website, consider creating a visual hierarchy with your Brand Colors. Use primary colors for main actions (like buttons or CTAs) and secondary colors for supporting elements (like headings or icons) to improve the user experience and conversion rates.

By effectively using Brand Boards, you can effortlessly maintain a consistent, professional appearance throughout your online presence, ensuring that your brand identity is always on point.

FAQs

1. What is the difference between Brand Colors and Default Colors?
Brand Colors are specific to your brand identity and are intended for consistent use across all elements of your site. Default Colors, on the other hand, are system-defined and do not change based on your brand preferences.

2. How do I update a Custom Color throughout my funnel?
Simply access the color palette, go to the Custom Colors section, and edit the desired color. All elements using that Custom Color will automatically be updated to reflect the new hue.

3. Can I use different colors for different pages within the same funnel?
Yes, Custom Colors allow you to define page-specific hues, offering flexibility for various sections of your funnel while maintaining overall brand consistency.

4. How do I choose the exact color from an image?
You can use the eyedropper tool within the color picker UI to select any color directly from your image or design element, ensuring a perfect match to your brand visuals.

5. Is it possible to revert to the original color settings if I make a mistake?
Yes, most funnel or website builders provide the option to reset colors or revert changes. Check for a “Reset” or “Undo” function within the color picker or builder settings.