How to Use Brand Boards in Funnels and Websites

Overview

Consistent branding is key to creating a professional and recognizable online presence. PXME Brand Boards make this simple by centralizing your logos, fonts, and colors so they can be applied seamlessly across all funnels and websites. This guide explains the features, benefits, and steps you need to ensure your brand identity stays cohesive and conversion-focused.

Key Features and Benefits of Brand Boards

• Saves Time – No more hunting for HEX codes or reapplying styles manually.

• Centralized Colors – Manage Brand Colors, Default Colors, and Custom Colors for quick access.

• Visual Matching – Use the eyedropper tool to pull colors directly from your site elements or images.

• Consistency Across Pages – Updates to Custom Colors automatically apply everywhere they’re used.

Why Use Different Color Options?

• Brand Colors – Your core identity colors, used across funnels and websites for consistency.

• Default Colors – System-defined, unchanging colors for elements you don’t want affected by brand updates.

• Custom Colors – Page-specific adjustments that allow flexibility while staying on-brand.

How to Use Brand Boards in Funnels and Websites

Step 1: Access the Funnel or Website Editor

• Navigate to Sites > Funnels/Websites.

• Edit an existing funnel/website or create a new one.

Step 2: Open the Color Palette

• Select the element (text, button, section, etc.) you want to customize.

• Click the Color Picker from the sidebar or inline toolbar.

• A unified color palette will appear, showing both Default and Custom Colors.

Step 3: Customize Colors

• Open the Custom Colors section in the palette.

• Edit an existing color or click Add New to create one.

• Enter a HEX code or use the color selector.

• Updates apply instantly across all elements using that color.

Step 4: Manage Custom Colors

• Add a New Color – Input HEX or use the picker.

• Edit Existing Colors – Adjust swatches to refine your palette.

• Delete Unused Colors – Keep your palette clean and organized.

Step 5: Apply Brand Colors Consistently

• Use Brand Colors for CTAs, headlines, and consistent design.

• Use Custom Colors for page-specific flexibility.

• Use the eyedropper tool to match visuals to your brand palette.

Tips for Effective Use

• Consistency First – Always start with Brand Colors for core elements.

• Visual Hierarchy – Use primary colors for CTAs, secondary for accents.

• Time-Saving Updates – Update one Custom Color, and it updates everywhere it’s used.

• Image Matching – Eyedropper tool ensures precise matches from graphics or photos.

Pro Tip: Plan your color hierarchy for maximum impact:

• Primary Brand Color → Buttons, CTAs, and high-impact areas.

• Secondary Brand Colors → Headers, icons, and supporting visuals.

• Neutral Colors → Backgrounds and dividers for balance.

This structure keeps branding tight while boosting conversions.

FAQs

Q1: What’s the difference between Brand Colors and Default Colors?

• Brand Colors = Your unique branding.

• Default Colors = System-defined colors that never change.

Q2: How do I update a color across an entire funnel?
Edit the Custom Color swatch in your palette. All linked elements automatically update.

Q3: Can I use different colors per page?
Yes. Custom Colors allow page-specific styling while maintaining brand alignment.

Q4: How do I pull an exact color from an image?
Use the eyedropper tool in the color picker to grab colors from site graphics.

Q5: Can I reset color changes if I make a mistake?
Yes. Most editors include an Undo or Reset option inside the color picker.