opengfx-logo

# OpenGFX Logo System

Generate production-ready logo systems from natural language input.

## What This Skill Produces

Every logo system includes:

1. **Icon** — Single-color vector path in square container (1:1)
2. **Wordmark** — Typography-based name, single-color vector
3. **Stacked Lockup** — Icon above wordmark, centered
4. **Horizontal Lockup** — Icon left, wordmark right
5. **Logo System JSON** — Machine-readable metadata

All outputs are SVG vectors optimized for scalability (16px → billboard).

### Icon Container Rule (Critical)
The icon SVG is ALWAYS a square container (1:1 aspect ratio).
- If the icon shape is not square, add **negative space** to make the container square
- **NEVER stretch or distort** the icon to fill a square
- The icon floats within the square with appropriate padding

---

## Generation Pipeline

### Step 1: Parse User Input

Extract from prompt:
- **Brand Name** (required)
- **Icon Direction** (emoji, concept, or abstract reference)
- **Style Direction** (minimal, playful, corporate, tech, etc.)
- **Typeface Direction** (sans-serif, serif, geometric, humanist, etc.)

If missing, ask clarifying questions before proceeding.

### Step 2: Conceptualize Icon

Apply geometric construction principles:

1. **Select Base Shape** — Circle, triangle, square, or compound
2. **Apply Concept** — Map user's icon direction to geometric form
3. **Simplify** — Reduce to single vector path that works at 16px
4. **Test in Black** — No color until form is solid

Reference: [GEOMETRY.md](references/GEOMETRY.md) for shape meanings and construction.

### Step 3: Select Typeface

Match typeface to brand personality:

| Style | Typeface Families |
|-------|-------------------|
| Tech/Modern | Inter, SF Pro, Söhne, Geist, Manrope |
| Minimal/Apple | SF Pro Display, Helvetica Neue, Avenir |
| Geometric | Futura, Century Gothic, Proxima Nova |
| Humanist | Gill Sans, Frutiger, Myriad Pro |
| Elegant | Didot, Bodoni, Playfair Display |
| Playful | Quicksand, P...