# Wallogo Complete Documentation

> This is the comprehensive documentation for Wallogo, an AI-powered tool for creating branded video call backgrounds. For a shorter summary, see /llms.txt

## Table of Contents

1. [Product Overview](#product-overview)
2. [Features Deep Dive](#features-deep-dive)
3. [Use Cases & Examples](#use-cases--examples)
4. [Technical Details](#technical-details)
5. [Pricing & Plans](#pricing--plans)
6. [Integration Guides](#integration-guides)
7. [FAQ](#faq)
8. [Company & Contact](#company--contact)

---

## Product Overview

### What is Wallogo?

Wallogo is an AI-powered SaaS tool that creates professional, branded virtual backgrounds for video conferencing. The platform transforms company logos into photorealistic 3D wall signage placed on carefully designed office environments.

### The Problem We Solve

Remote and hybrid workers face challenges with:
- Unprofessional or distracting home backgrounds
- Inconsistent brand representation across team video calls
- Generic virtual backgrounds that don't reflect company identity
- Time-consuming manual design of branded backgrounds

### Our Solution

Wallogo solves these problems by:
1. Automatically extracting brand assets from company websites
2. Using AI to transform logos into realistic 3D wall signs
3. Placing these signs on professional office background templates
4. Delivering ready-to-use backgrounds in about 60 seconds

### Key Value Propositions

- **Speed**: From URL to finished background in ~60 seconds
- **Automation**: No design skills required; we extract your brand automatically
- **Quality**: Photorealistic 3D rendering with proper lighting and shadows
- **Compatibility**: Works with all major video platforms
- **Affordability**: Pay-per-use pricing starting at $4.99

---

## Features Deep Dive

### 1. Automatic Brand Extraction

When users enter their website URL, our system:

**Logo Detection**:
- Scans favicon and apple-touch-icon
- Parses Open Graph and Twitter Card meta images
- Checks common logo file paths (/logo.png, /images/logo.svg, etc.)
- Analyzes header elements for logo images
- Supports PNG, JPG, SVG, and WebP formats

**Color Extraction**:
- Analyzes CSS variables for brand colors
- Parses inline styles and stylesheets
- Identifies primary, secondary, and accent colors
- Extracts colors from logo images

**Company Information**:
- Retrieves company name from meta tags
- Extracts description from Open Graph data
- Identifies industry and type when available

### 2. AI-Powered 3D Rendering

Our AI transforms flat logos into 3D wall signage:

**Material Options**:
| Material | Description | Best For |
|----------|-------------|----------|
| Brushed Metal | Sophisticated silver finish | Tech, Finance |
| Polished Chrome | Mirror-like reflective surface | Modern brands |
| Bronze | Warm, traditional metallic | Legal, Consulting |
| Matte Black | Contemporary non-reflective | Creative agencies |
| Natural Wood | Organic, warm texture | Eco-friendly brands |
| Backlit | Illuminated signage effect | Retail, Entertainment |

**Rendering Features**:
- Realistic depth and dimensionality
- Environment-matched lighting
- Soft shadows for natural appearance
- Proper perspective alignment with background

### 3. Background Templates

Professionally designed office environments:

**Modern Office**:
- Clean, minimalist aesthetic
- Natural lighting
- Plants and subtle decor
- Neutral color palette

**Nordic Cabin**:
- Warm wood tones
- Cozy, inviting atmosphere
- Large windows with natural light
- Scandinavian design elements

**70s Retro**:
- Vintage color schemes
- Retro furniture and decor
- Warm, nostalgic feeling
- Unique personality

**Beach Cabin**:
- Coastal aesthetic
- Relaxed, professional vibe
- Natural materials
- Light and airy

**Corporate Boardroom**:
- Executive appearance
- Traditional business aesthetic
- Impressive backdrop for important calls
- Professional credibility

**Creative Studio**:
- Artistic environment
- Colorful and dynamic
- Perfect for creative industries
- Expressive background

### 4. Output & Delivery

**Technical Specifications**:
- Format: PNG with full alpha support
- Resolution: 1920 x 1080 pixels (Full HD)
- Color space: sRGB for maximum compatibility
- File size: Optimized (typically 500KB-2MB)

**Delivery**:
- Instant download after generation
- Cloud storage for registered users
- History of generated backgrounds
- Re-download capability

---

## Use Cases & Examples

### Enterprise Use Case

**Scenario**: A 500-person tech company wants to standardize video call appearances.

**Solution**:
1. IT or Marketing generates backgrounds using company URL
2. Downloads are distributed to all employees
3. Team members upload to their preferred video platforms
4. Consistent brand representation across all external calls

**Benefits**:
- Professional appearance in client meetings
- Reinforced brand identity
- No individual setup time
- Easy to update when branding changes

### Small Business Use Case

**Scenario**: A 10-person consulting firm wants to look more established.

**Solution**:
1. Owner enters company website URL
2. Chooses sophisticated bronze material on boardroom background
3. Generates backgrounds for each team member
4. Firm appears more professional to potential clients

**Benefits**:
- Enhanced credibility
- Competitive advantage
- Minimal investment
- Quick implementation

### Freelancer Use Case

**Scenario**: An independent designer wants to brand their video calls.

**Solution**:
1. Designer enters portfolio website
2. Creates multiple backgrounds for different contexts
3. Uses different styles for different client types
4. Maintains professional presence without home office showing

**Benefits**:
- Personal brand reinforcement
- Versatile background options
- Professional appearance
- Client confidence

### Recruiter Use Case

**Scenario**: HR team conducts 50+ video interviews weekly.

**Solution**:
1. HR generates company-branded backgrounds
2. All interviewers use consistent backgrounds
3. Candidates see professional, branded environment
4. Company culture is subtly communicated

**Benefits**:
- Positive candidate experience
- Employer brand reinforcement
- Consistent interview experience
- Professional first impression

---

## Technical Details

### System Architecture

**Frontend**:
- React 18 with TypeScript
- Vite for build tooling
- Tailwind CSS for styling
- Shadcn/ui component library

**Backend**:
- Supabase for database and authentication
- Edge Functions for serverless compute
- AI image generation API integration
- Cloudinary for image optimization

**AI Pipeline**:
1. Brand extraction via web scraping
2. Logo preprocessing and optimization
3. Prompt engineering for 3D rendering
4. Background composition and final output

### Browser Compatibility

| Browser | Minimum Version | Notes |
|---------|-----------------|-------|
| Chrome | 90+ | Fully supported |
| Firefox | 88+ | Fully supported |
| Safari | 14+ | Fully supported |
| Edge | 90+ | Fully supported |

### Performance

- Average generation time: 45-60 seconds
- Image optimization: WebP with fallback
- Lazy loading for gallery images
- CDN delivery for assets

### Security

- HTTPS everywhere
- Supabase Row Level Security
- No logo storage after generation (unless saved)
- GDPR compliant data handling

---

## Pricing & Plans

### Credit System

Wallogo uses a credit-based system:
- 1 credit = 1 background generation + download
- Credits are purchased in packages
- Credits never expire

### Pricing Tiers

| Package | Credits | Price | Per Credit | Savings |
|---------|---------|-------|------------|---------|
| Starter | 1 | $4.99 | $4.99 | - |
| Popular | 10 | $29.99 | $3.00 | 40% |
| Pro | 30 | $69.99 | $2.33 | 53% |

### Free Trial

New users receive:
- 3 free credits to try the service
- Full access to all features
- No credit card required
- No time limit on trial credits

### Enterprise Options

For organizations needing:
- Volume discounts (50+ credits)
- Custom background templates
- API access
- Priority support
- SSO integration

Contact: enterprise@wallogo.com

---

## Integration Guides

### Zoom Integration

**Requirements**: Zoom Desktop Client 5.2.0+

**Steps**:
1. Download your Wallogo background (PNG format)
2. Open Zoom and go to Settings (gear icon)
3. Click "Background & Effects" in the left sidebar
4. Under "Virtual Backgrounds," click the "+" button
5. Select your downloaded Wallogo background
6. Click to apply - it's now ready for your meetings

**Tips**:
- Use "Mirror my video" off for correct logo orientation
- Good lighting improves virtual background quality
- Avoid wearing colors similar to your background

### Microsoft Teams Integration

**Requirements**: Microsoft Teams Desktop or Web

**Steps**:
1. Download your Wallogo background
2. Join or start a Teams meeting
3. Click the three dots (...) in the toolbar
4. Select "Apply background effects"
5. Click "+ Add new" at the top
6. Choose your Wallogo background file
7. Select it and click "Apply"

**Persistent Setup**:
- Backgrounds are saved to your Teams profile
- Available in future meetings automatically
- Can set as default background

### Google Meet Integration

**Requirements**: Chrome browser or Google Meet app

**Steps**:
1. Download your Wallogo background
2. Join a Google Meet call
3. Click the three dots in the bottom toolbar
4. Select "Apply visual effects"
5. Click "Add" (+ icon) in backgrounds section
6. Upload your Wallogo background
7. Click to apply

**Notes**:
- Feature requires recent browser version
- May need Google Workspace account for some features
- Backgrounds sync across devices

### Webex Integration

**Steps**:
1. Download your Wallogo background
2. Open Webex and go to Settings
3. Navigate to "Video" settings
4. Under "Virtual backgrounds," click "+"
5. Upload your Wallogo background
6. Select it to apply

### Generic Instructions

For any video platform supporting virtual backgrounds:
1. Download the PNG from Wallogo
2. Find the virtual/background settings in your platform
3. Look for "Add" or "Upload" option
4. Select the downloaded file
5. Apply and test before important calls

---

## FAQ

### General Questions

**Q: What makes Wallogo different from other virtual background tools?**
A: Wallogo is the only tool that automatically extracts your brand from your website and transforms your logo into realistic 3D wall signage. Other tools either require manual design work or offer generic backgrounds.

**Q: Do I need design skills to use Wallogo?**
A: No. Simply enter your website URL and our AI handles everything - from extracting your logo to rendering it as 3D wall art.

**Q: How accurate is the brand extraction?**
A: Our system successfully extracts logos from 90%+ of websites. If automatic extraction fails, you can manually upload your logo.

### Technical Questions

**Q: What resolution are the backgrounds?**
A: All backgrounds are 1920x1080 pixels (Full HD), the standard resolution for video conferencing.

**Q: Can I use these backgrounds commercially?**
A: Yes. When you generate a background with your company's logo, you retain full commercial usage rights.

**Q: What file formats are supported for logo uploads?**
A: We accept PNG, JPG, SVG, and WebP formats. PNG with transparent background works best.

**Q: Why does generation take 60 seconds?**
A: Our AI performs complex 3D rendering to ensure photorealistic results. This includes calculating proper lighting, shadows, and material textures.

### Billing Questions

**Q: Do credits expire?**
A: No, credits never expire. Use them whenever you need.

**Q: Can I get a refund?**
A: Yes. We offer full refunds within 14 days of purchase. Contact support@wallogo.com.

**Q: Is there a subscription option?**
A: Currently, we offer pay-as-you-go credit packages. Enterprise subscriptions are available - contact us for details.

**Q: What payment methods do you accept?**
A: We accept all major credit cards via Stripe, including Visa, Mastercard, American Express, and Discover.

### Troubleshooting

**Q: My logo wasn't detected automatically. What should I do?**
A: You can manually upload your logo. Click "Upload logo" instead of using the URL option. For best results, use a PNG with transparent background.

**Q: The generated background doesn't look right. Can I regenerate?**
A: Yes, you can regenerate with different settings. Each regeneration uses one credit.

**Q: My background looks blurry on Zoom. Why?**
A: Ensure you're using the original PNG file, not a compressed screenshot. Also check your Zoom video settings are set to HD.

---

## Company & Contact

### About Wallogo

Wallogo was created to solve a common problem: professionals working remotely need to look professional on video calls while representing their brand. We combined AI image generation with brand extraction technology to make this effortless.

### Contact Information

- **Website**: https://wallogo.com
- **Support Email**: support@wallogo.com
- **Enterprise Sales**: enterprise@wallogo.com
- **General Contact**: https://wallogo.com/contact

### Support Resources

- **Help Center**: https://wallogo.com/support
- **FAQ**: https://wallogo.com/faq
- **How It Works**: https://wallogo.com/how-it-works

### Legal

- **Privacy Policy**: https://wallogo.com/privacy-policy
- **Terms of Service**: https://wallogo.com/terms-of-service
- **Cookie Policy**: https://wallogo.com/cookie-policy
- **DMCA Policy**: https://wallogo.com/dmca-policy
- **Refund Policy**: https://wallogo.com/refund-policy

### Social Media

- Twitter: @wallogoapp
- LinkedIn: /company/wallogo

---

## Changelog

**December 2024**
- Enhanced AI rendering quality
- Added new background styles
- Improved brand extraction accuracy
- Performance optimizations

---

*Last updated: December 2024*
*For the latest information, visit https://wallogo.com*