Skip to main content

AI Brand Creation

AI Brand Creation is an intelligent feature that automatically generates comprehensive brand guidelines for your ai12z bot based on your website's visual elements. This powerful tool analyzes your uploaded images to extract color schemes, typography preferences, iconography styles, and overall design aesthetics, ensuring your AI assistant perfectly matches your brand identity.

Overview​

The AI Brand Creation process consists of three main steps:

  1. Generate Brand Guidelines - Upload images and let AI analyze your brand
  2. Review and Customize - Fine-tune the generated guidelines
  3. Apply to Bot - Implement the brand guidelines across your bot interface

This guide covers Step 1: Generate Brand Guidelines, which forms the foundation of your bot's visual identity.

Step 1: Generate Brand Guidelines​

Prerequisites​

Before starting the brand creation process, ensure you have:

  • Administrative access to your ai12z account
  • High-quality images from your website that represent your brand
  • Images that include your logo, buttons, navigation elements, and key visual components
  • Images in common formats (JPG, PNG, GIF, WebP)

Accessing Brand Guidelines​

  1. Navigate to AI Settings

    • From your ai12z dashboard, click on AI Settings in the left sidebar
    • Ensure you're in the correct agent/bot configuration

  2. Open Brand Guidelines

    • In the AI Settings section, locate and click on Brand Guidelines
    • You'll see the Brand Guidelines configuration page with various fields for brand customization

Upload Images for Brand Analysis​

  1. Initiate Brand Generation

    • Click the "Generate Brand" button located at the bottom of the Brand Guidelines page
    • A modal dialog titled "Generate Brand" will appear with an image upload area

  2. Upload Brand Images

    • You'll see a dotted border area with the text "Attach or Drop Images"
    • Upload images using one of these methods:
      • Drag and Drop: Drag image files directly into the upload area
      • Click to Browse: Click the upload area to open a file browser and select images
    • Recommended images to upload:
      • Your website's homepage screenshot
      • Logo files (different variations if available)
      • Navigation bars and menu elements
      • Button designs and call-to-action elements
      • Key page sections that showcase your design style
      • Any branded graphics or visual elements

Image Selection Best Practices​

What to Include:

  • Homepage Screenshots: Capture the overall design aesthetic
  • Logo Variations: Upload your primary logo and any alternative versions
  • UI Elements: Include buttons, forms, navigation menus
  • Color-Rich Content: Images that showcase your brand's color palette
  • Typography Examples: Screenshots showing your website's fonts in use
  • Branded Graphics: Any custom illustrations, icons, or visual elements

Image Quality Guidelines:

  • Use high-resolution images (minimum 800px width recommended)
  • Ensure images are clear and not blurry
  • Include images with good contrast and lighting
  • Upload 3-8 representative images for best results
  • Avoid images with heavy text overlays that might obscure design elements

Generate Brand Analysis​

  1. Process Brand Analysis

    • Once you've uploaded your images, click the "Generate Brand" button in the modal
    • The AI will analyze your uploaded images to extract:
      • Primary and Secondary Colors: Dominant colors from your brand palette
      • Accent Colors: Supporting colors used throughout your design
      • Typography: Font families and text styling preferences
      • Tone of Voice: Communication style based on visual presentation
      • Iconography Style: Design approach for icons and graphics
      • Overall Brand Personality: Professional, casual, modern, traditional, etc.

  2. Review Generated Guidelines

    • After processing (typically 30-60 seconds), the modal will close
    • You'll see the Brand Guidelines form populated with AI-generated content
    • The system will have filled in:
      • Brand Name: Extracted or suggested brand name
      • Tagline/Slogan: Generated based on visual analysis
      • Logo Guidelines: Descriptions of logo usage and styling
      • Primary Brand Color: Main color from your palette
      • Secondary Brand Color: Complementary color selection
      • Accent Colors: Additional colors identified in your brand
      • Font Family: Primary typography recommendation
      • Tone of Voice: AI-generated voice and personality description
      • Iconography Style: Recommended icon design approach
      • Imagery/Photography Style: Visual style recommendations

Save Brand Guidelines​

  1. Save Your Generated Brand
    • Review the auto-populated brand guidelines fields
    • Make any immediate adjustments if needed
    • Click "Save Brand Guidelines" to store your generated brand profile
    • Your brand guidelines are now saved and ready for Step 2 customization

What Happens During AI Analysis​

The AI Brand Creation system performs sophisticated analysis on your uploaded images:

Color Extraction​

  • Dominant Color Analysis: Identifies the most prominent colors in your images
  • Color Harmony Detection: Finds complementary and accent colors
  • Brand Color Hierarchy: Establishes primary, secondary, and accent color relationships
  • Color Psychology Application: Considers the emotional impact of your color choices

Typography Analysis​

  • Font Recognition: Identifies font families used in your images
  • Typography Hierarchy: Analyzes heading, body, and accent text styling
  • Readability Assessment: Ensures font choices support accessibility
  • Brand Personality Mapping: Matches typography to brand characteristics

Design Style Recognition​

  • Visual Style Classification: Modern, traditional, minimalist, bold, etc.
  • Layout Pattern Analysis: Identifies design patterns and spatial relationships
  • UI Element Styling: Analyzes button styles, form designs, and interactive elements
  • Brand Personality Inference: Determines brand voice based on visual presentation

Iconography and Imagery​

  • Icon Style Detection: Flat, outlined, filled, or illustrated icon preferences
  • Image Treatment Analysis: Identifies photo styling, filters, and treatment approaches
  • Visual Consistency Patterns: Recognizes recurring design themes and motifs

Generated Brand Guidelines Fields​

After AI analysis, the following fields will be automatically populated:

Basic Brand Information​

  • Brand Name: Your organization or product name
  • Tagline/Slogan: A suggested brand tagline based on visual analysis

Visual Identity​

  • Logo Guidelines: JSON-structured guidelines for logo usage, sizing, and placement
  • Primary Brand Color: Hex color code for your main brand color
  • Secondary Brand Color: Complementary color for secondary elements
  • Accent Colors: Additional brand colors for highlights and accents

Typography​

  • Font Family (Primary): Recommended primary font based on your brand style
  • Typography Guidelines: Detailed font usage recommendations

Brand Voice and Style​

  • Tone of Voice: JSON-structured description of your brand's communication style
  • Iconography Style: JSON guidelines for icon design and usage
  • Imagery/Photography Style: Recommendations for visual content styling

Additional Information​

  • Additional Brand Information: JSON-structured comprehensive brand guidelines

Tips for Best Results​

Image Selection Strategy​

  1. Diversity of Elements: Include various types of content (homepage, navigation, buttons, logos)
  2. Consistent Quality: Use high-resolution, well-lit images
  3. Brand Representation: Ensure images truly represent your current brand
  4. Multiple Perspectives: Include different pages or sections of your website

Upload Optimization​

  • File Size: Keep individual images under 10MB for faster processing
  • Format Compatibility: Use standard web formats (JPG, PNG, GIF, WebP)
  • Naming Convention: Use descriptive filenames for better organization
  • Image Quantity: 3-8 images typically provide optimal analysis results

Quality Considerations​

  • Visual Clarity: Ensure text and design elements are clearly visible
  • Color Accuracy: Use images with accurate color representation
  • Design Focus: Prioritize images that showcase design elements over content
  • Brand Consistency: Upload images that represent your desired brand direction

Troubleshooting​

Common Issues and Solutions​

Images Not Uploading:

  • Check file size (must be under 10MB)
  • Verify file format is supported (JPG, PNG, GIF, WebP)
  • Ensure stable internet connection
  • Try uploading images one at a time

Generation Taking Too Long:

  • Wait at least 2 minutes before refreshing
  • Check that you've uploaded at least 2-3 images
  • Ensure images contain sufficient visual content for analysis

Poor Brand Analysis Results:

  • Upload higher quality images with clear design elements
  • Include more diverse types of content (logos, buttons, navigation)
  • Ensure images represent your current brand accurately
  • Try uploading additional images with better brand representation

Missing Brand Elements:

  • Some fields may remain empty if the AI cannot detect certain elements
  • You can manually fill in any missing information after generation
  • Consider uploading additional images that showcase missing elements

Next Steps​

After completing Step 1, you'll have AI-generated brand guidelines that serve as the foundation for your bot's visual identity. The next steps in the process include:

  • Step 2: Review and customize the generated brand guidelines
  • Step 3: Apply the finalized brand guidelines to your bot interface

Your generated brand guidelines will be automatically saved and ready for refinement in the subsequent steps of the brand creation process.

Best Practices Summary​

✅ Upload 3-8 high-quality images representing different aspects of your brand
✅ Include logos, buttons, and navigation elements for comprehensive analysis
✅ Use clear, high-resolution images with good contrast and lighting
✅ Ensure images represent your current brand accurately
✅ Review generated guidelines before saving to ensure accuracy
✅ Save your brand guidelines to preserve the AI analysis for customization

The AI Brand Creation tool provides an intelligent starting point for your bot's visual identity, automatically extracting and organizing your brand elements into a comprehensive guidelines framework that ensures consistency across your AI assistant's interface.