Use Brand Guidelines in Wingify

Overview

Brand guidelines in Wingify allow organizations to centralize, manage, and enforce their visual brand identity across all digital experiences created within the platform. By defining core brand elements such as brand colors, typography, button styles, logo assets, and voice guidelines, teams ensure consistent brand presentation across experiments, web campaigns, mobile apps, and feature rollouts.

In large organizations or fast-paced marketing and product teams, multiple team members frequently build variations, landing pages, and widgets. Without a centralized brand system, these assets can use off-brand color usage, inconsistent typography, or mismatched button stylings, leading to fragmented customer experiences and increased review cycles. Brand guidelines solve this problem by establishing a single source of truth within Wingify, embedding brand assets and styling rules directly into Wingify's AI assistant - Wingz Chat

Real-world scenario: Consider an e-commerce company, BrightShop, preparing a seasonal promotional campaign across web and mobile platforms. Their brand identity specifies an exact primary hex color (#0052FF), custom brand fonts, and specific primary button styling with 4px border radius. Instead of requiring developers and designers to manually supply CSS or HEX codes to every campaign creator, the Wingify account admin configures BrightShop's brand guidelines once at the account level. When marketers build new pop-ups or test variation designs in Wingify Visual Editor, BrightShop's pre-approved color palette and font choices appear automatically, eliminating off-brand variations and speeding up campaign setup.

Key benefits include:

• Brand Consistency: Guarantees that every variation, pop-up, widget, and mobile view aligns strictly with corporate brand standards.
• Faster Campaign Creation: Accelerates element/style changes in variations as Wingz, Wingify's AI assistant adheres to brand colors, fonts, and assets defined in the guideline file.
• Reduced Review Cycles: Eliminates manual design checks and back-and-forth approval loops caused by off-brand styling.

Prerequisites

• You must have an Admin role in Wingify to configure or edit account-level Brand guidelines. For more information, see Roles in Wingify.

Configure Brand Guidelines in Wingify

There are two ways to upload brand guidelines for your domains:

• Upload Brand Guidelines in Wingz Chat
• Upload Brand Guidelines using Visual Editor Next

Upload Brand Guidelines in Wingz Chat

To upload a brand guideline for your Wingify account, follow these steps:

1. Log in to your Wingify account as an admin.
2. From the main navigation menu, go to Wingz > Chat.

3. Enter a prompt in Wingz Chat to create a test campaign. The Live Page Editor Canvas mode appears after you submit the prompt. For example, use a prompt like -  Create a new A/B test campaign for the blog page - wingify.com/blog.

   Note: If you are using the Visual Editor Next, the Wingz chat appears in the right panel.
4. Below the chat input field, click the icon and select Brand guidelines.

5. In the Upload your brand guidelines dialog click Select file or drag and drop, and upload your brand guideline file (PDF or Markdown).

   Note: The maximum file size is 40 MB.
6. After the file is uploaded, click Next.
   The Select domain dialog appears with a list of registered domains in your account.
7. Select the domains where these brand guidelines should apply.
8. In the Brand guidelines dialog you can do any of the following steps:
   • To upload a separate brand guideline for a different domain, click Add new brand guideline.
   • To apply an uploaded brand guideline to multiple domains, click Manage domains.
   • To delete a brand guideline, click icon adjacent to the guideline name.
   • To edit the name of a brand guideline, click the icon adjacent to the guideline name.
   • To set a particular brand guideline file as the default guideline for your domains, click Change Default. After you click Change Default, from the list of brand guideline files in the Choose a default guideline dialog, select one and click Set as Default.
9. Click Done to make the brand guidelines active across the selected domains in your Wingify account.

Upload Brand Guidelines using Visual Editor Next

To upload a brand guideline for your Wingify account using Visual Editor Next, follow these steps:

1. Log in to your Wingify account. 
2. From the main navigation menu, go to Experimentation > Web Experimentation.
3. Click Create, and create a campaign, for example, A/B test campaign.
4. In Variation and Traffic, add the page variations and click Launch Editor. The Visual Editor Next appears on the screen along with the Wingz panel on the right.
5. Click the icon in the chat input field, and select Brand guidelines.
6. Complete steps 5-9 in Upload Brand Guidelines in Wingz Chat.

After you upload your brand guidelines, Wingz applies them to all future edits made through Wingz Chat in the Visual Editor Next or the Live Page Editor Canvas. For example, if you ask Wingz to change a header's font, it uses the font style defined in your brand guideline file.

Manage Brand Guidelines Across Domains

Based on the nature of your business requirement, you can manage the brand guidelines as follows:

• Separate guidelines per domain: If your account has multiple domains, upload a separate guideline for each to maintain consistency.
• Default guideline: To use one common guideline across several domains, set it as the default for those domains (as explained in the Configure Brand Guidelines in Wingify).

Best Practices

When you upload a brand guideline, follow these best practices:

• Use essential colors: In your brand guideline file, keep your defined brand color palette focused (ideally 5–8 core colors).
• Use Descriptive Names for Color Tokens: Name colors by their purpose (for example, Primary CTA or Error Red) rather than generic terms like Blue 1. Functional names tell Wingz exactly where each color belongs.
• Audit guidelines periodically: Review published brand guidelines quarterly or whenever your company updates its corporate brand identity to prevent deprecated brand assets from being used.

FAQs

• Can I set up different brand guidelines for different domains?
  Yes. If your organization manages multiple domains, brand guidelines can be configured independently for each domain.

• What happens to existing variations if brand guidelines are updated?
  Existing variations retain their current CSS styles and will not change automatically unless manually updated and saved.

Need more help?

For further assistance or more information, contact Wingify Support.