# Geometric Monogram

Clean, minimal monogram logo built from pure geometric shapes and perfect circles

## Implementation Guide

````
# Geometric Monogram Logo

Create a clean, minimal monogram logo using pure geometric shapes. This style works exceptionally well for tech companies, startups, and modern brands.

## Design Specifications

**Style**: Geometric minimalism  
**Shape Language**: Perfect circles, precise angles, mathematical proportions  
**Color Approach**: Single color with negative space, or two-tone maximum

## Prompt for AI Image Generation

```
Design a geometric monogram logo for [BRAND NAME]. The logo should:

- Use only perfect geometric shapes: circles, straight lines, and precise angles  
- Feature the letter(s) [INITIALS] constructed from geometric primitives  
- Maintain perfect symmetry or intentional asymmetry with mathematical ratios  
- Work in pure black on white background  
- Be recognizable at 16x16 pixels (favicon size)  
- Have no gradients, no shadows, no decorative elements  
- Use negative space intentionally as part of the design  
- Follow golden ratio or grid-based proportions

Technical requirements:  
- Vector format (SVG)  
- Minimum stroke width: 2px at 100px height  
- Clear space around logo: 25% of logo width on all sides  
- Must work as single color (no reliance on color for meaning)

Reference styles: Bauhaus geometry, Swiss design, constructivist graphics
```

## Implementation Notes

When implementing this logo:

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

2. **Color Variations**:
   - Primary: Black (#000000) on transparent  
   - Reversed: White (#FFFFFF) for dark backgrounds  
   - Brand color variant if applicable

3. **Usage Guidelines**:
   - Minimum size: 24px height for digital  
   - Never rotate, stretch, or add effects  
   - Maintain clear space padding

## Example CSS for Logo Container

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

.logo img,
.logo svg {
height: 32px;
width: auto;
}

/* Dark mode variant */
@media (prefers-color-scheme: dark) {
.logo svg {
    filter: invert(1);
}
}
```  
````