Geometric Monogram

# 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);
  }
}
```