# Mascot Fox

Friendly geometric fox character that balances personality with professionalism

## Implementation Guide

# Mascot Fox Logo

A friendly geometric fox character mark that balances personality with professionalism. Perfect for gaming companies, tech startups, educational platforms, and brands targeting younger audiences.

## Design Specifications

**Style**: Geometric mascot  
**Shape Language**: Angular geometric shapes, friendly proportions, approachable character  
**Color Approach**: Vibrant orange, single color execution

## Prompt for AI Image Generation

```
A friendly geometric fox head logo in orange (#f97316). Stylized with clean angular shapes, approachable and modern. Pure white background, no text. Suitable for gaming, startup, or tech brand. Memorable mascot mark with personality but still professional.
```

## Implementation Notes

When implementing this logo:

1. **Export Formats**:  
   - SVG for web (maintains geometric precision)  
   - PNG at 1x, 2x, 3x for different screen densities  
   - ICO/PNG for favicon (16x16, 32x32, 180x180 for Apple touch)

2. **Color Variations**:  
   - Primary: Vibrant Orange (#f97316) on transparent  
   - Reversed: White (#FFFFFF) for dark backgrounds  
   - Secondary: Dark orange (#ea580c) for hover states

3. **Usage Guidelines**:  
   - Minimum size: 24px height for character recognition  
   - Always display facing forward (never flip horizontally)  
   - Clear space: 20% of logo width on all sides

## Example CSS for Logo Container

```css
.logo-mascot {
display: flex;
align-items: center;
justify-content: center;
}

.logo-mascot img,
.logo-mascot svg {
height: 44px;
width: auto;
}

.logo-mascot svg path {
fill: #f97316;
}

/* Dark mode variant */
@media (prefers-color-scheme: dark) {
.logo-mascot svg path {
    fill: #fb923c;
}
}

/* Hover state for interactive use */
.logo-mascot:hover svg path {
fill: #ea580c;
transition: fill 0.2s ease;
}
```