Logo
The Windmill logo represents a windmill with sharp blades, a reference to the first automation in history. The two colors emulate the constant movement of the windmill, conveying motion, efficiency, and reliability.
Logo Philosophy
The Windmill logo embodies our core values:
- Automation: Like a windmill harnesses wind power, Windmill harnesses workflow automation
- Efficiency: Continuous rotation represents streamlined, optimized processes
- Reliability: Solid, geometric construction conveys stability and dependability
- Innovation: Modern interpretation of a classic symbol bridges tradition with technology
Logo Variants
We provide multiple logo variants to ensure optimal display across different contexts and backgrounds.
Primary Variant
When to use: The primary variant is the preferred logo choice for most applications.
- Primary: Use on light backgrounds, white surfaces, and light-colored layouts
Secondary Variants
When to use: Secondary variants provide contrast on dark backgrounds or when the primary logo doesn't have sufficient contrast.
- Secondary (Dark): Use on dark backgrounds, colored surfaces, and dark-themed interfaces
- Secondary (Light): Use on light backgrounds when you need a subtle, monochromatic appearance
Logo Animation
The windmill logo is designed to rotate clockwise when animated. This direction reinforces the natural movement of wind-powered generators and suggests forward progress.
Animation Guidelines
- Direction: Always rotate clockwise
- Speed: Smooth, moderate rotation (not too fast to be distracting)
- Usage: Use sparingly for loading states, success animations, or brand moments
- Duration: 2-4 seconds per full rotation for optimal visual effect
Usage Guidelines
Clear Space
Maintain clear space around the logo equal to the height of one windmill blade. This ensures the logo has proper visual breathing room and maintains its impact.
Clear space = 0.25x logo height on all sides
Background Usage
Primary (Blue) logo works on:
- White backgrounds
- Light gray backgrounds (#F8F9FA or lighter)
- Light colored surfaces with sufficient contrast
Secondary (White) logo works on:
- Dark backgrounds (#2D3748 or darker)
- Colored backgrounds (ensure sufficient contrast)
- Photography with dark tones
- Brand color backgrounds
Do's and Don'ts
✅ Do
- Use the provided SVG files for the best quality
- Maintain proper clear space around the logo
- Use appropriate logo variant for the background
- Scale the logo proportionally
- Use high-contrast combinations
- Rotate clockwise when animating
- Use the logo on clean, uncluttered backgrounds
- Use the white logo variant on dark backgrounds
- Scale proportionally to maintain aspect ratio
- Use only the approved color variants
- Use clean, high-contrast backgrounds
❌ Don't
- Stretch or distort the logo proportions
- Use low-resolution or pixelated versions
- Place logo on busy or conflicting backgrounds
- Use colors other than the approved variants
- Rotate counter-clockwise or in other directions
- Place text too close to the logo
- Use the logo smaller than minimum size requirements
- Add effects, shadows, or modifications to the logo
- Use on backgrounds with insufficient contrast
- Place the blue logo on dark backgrounds
- Stretch the logo horizontally or vertically
- Use custom colors or gradients on the logo
- Place logo on busy photographic backgrounds
Brand Integration
The Windmill logo should be used consistently across all brand touchpoints:
- Website: Header navigation, favicons, loading states
- Application: Interface headers, splash screens, empty states
- Marketing: Business cards, presentations, social media
- Documentation: Headers, watermarks, covers
- Merchandise: T-shirts, stickers, promotional items
Quick Reference
| Context | Logo Variant | Background | File |
|---|---|---|---|
| Light backgrounds | Primary (Blue) | White, light gray | windmill-logo-primary.svg |
| Dark backgrounds | Secondary (White) | Dark gray, black | windmill-logo-secondary-dark.svg |
| Light theme UI | Primary (Blue) | Light surfaces | windmill-logo-primary.svg |
| Dark theme UI | Primary (Blue) | Light surfaces | windmill-logo-primary.svg |
| Dark theme UI | Secondary (White) | Dark surfaces | windmill-logo-secondary-dark.svg |
| Print materials | Primary (Blue) | White paper | windmill-logo-primary.pdf |
| Favicons | Primary (Blue) | Browser UI | windmill-favicon.ico |
Remember: The logo is the cornerstone of our brand identity. Use it consistently and respectfully to build strong brand recognition and trust.