IF background is dark/black → Use LOGO-05 (white knocked out)
IF social media avatar/icon → Use LOGO-06 (white on orange square)
IF print/large format → Use LOGO-08 (high-res)
IF email/small placement → Use LOGO-07 (optimized small)
IF single-color required → Use LOGO-02 (orange) or LOGO-03 (gray)
IF formal/primary use → Use LOGO-01 (orange + gray, professional)

Primary actions → Orange (#F5831F)
Text (body) → Dark Neutral (#1F2937)
Backgrounds → Light Neutral (#E6E9EF) or white
Accents → Orange gradient or solid
Selected states → Dark Blue (#1E4B85) - for package cards
Shadows → Color-matched (orange shadow for orange elements)

font-family: Arial, Helvetica, sans-serif;

brand_context: |
  CircleTel Brand Guidelines:
  - Primary color: Vibrant orange (#F5831F)
  - Secondary color: Dark charcoal (#1F2937)
  - Background: Clean white or light gray (#E6E9EF)
  - Style: Modern, professional, South African market
  - Mood: Trustworthy, innovative, approachable
  - Typography: Clean sans-serif (Arial style)
  - Avoid: Overly busy designs, neon colors, clip art style

type: product
prompt: |
  Professional product photography of [PRODUCT].

  Setting:
  - Clean white or light gray studio background
  - Soft, diffused lighting with subtle shadows
  - 3/4 angle view or hero shot

  Style:
  - E-commerce ready, high quality
  - Subtle orange accent lighting or props
  - Modern, premium feel

  CircleTel Brand:
  - Primary orange: #F5831F for any accent elements
  - Clean, uncluttered composition
  - Professional, trustworthy aesthetic

type: social
prompt: |
  Social media post for [CAMPAIGN/OFFER].

  Design:
  - Bold headline prominent
  - Orange gradient background or accent (#F5831F)
  - White text on dark areas
  - Clear price/offer callout

  Layout:
  - Logo placement: Bottom right corner
  - Leave space for text overlay
  - Instagram/Facebook square format (1:1)

  Style:
  - Eye-catching, scroll-stopping
  - Modern, clean typography
  - South African market appropriate

type: hero
prompt: |
  Website hero background for [SECTION/PAGE].

  Design:
  - Wide cinematic composition (21:9 or 16:9)
  - Dark gradient on left side for text overlay
  - Subtle tech/connectivity visual elements
  - Orange accent lighting or elements (#F5831F)

  Scene:
  - [SPECIFIC SCENE DESCRIPTION]
  - Modern, professional setting
  - South African context if applicable

  Style:
  - High contrast, dramatic lighting
  - Premium, aspirational feel
  - Space for headline + CTA overlay

type: icon
prompt: |
  Minimal feature icon representing [FEATURE].

  Design:
  - Simple line art style
  - Orange accent (#F5831F)
  - White or transparent background
  - 64x64px icon scale

  Style:
  - Flat design, clean lines
  - Single concept, instantly recognizable
  - Consistent with other CircleTel icons

type: illustration
prompt: |
  Illustration for [PURPOSE/FEATURE].

  Elements:
  - [KEY VISUAL ELEMENTS]
  - Orange accent color (#F5831F)
  - Dark charcoal (#1F2937) for outlines/text

  Style:
  - Flat design or subtle gradients
  - Clean, modern aesthetic
  - Professional but approachable
  - South African representation if showing people

.design/images/
├── products/           # Product photography
│   └── routers/
├── sections/           # Website sections
│   ├── hero/
│   └── features/
├── marketing/          # Marketing materials
│   └── social/
├── icons/              # Feature icons
│   └── features/
└── mockups/            # UI mockups

1. Generate background/content WITHOUT logo
2. Composite actual logo from .design/logos/
3. Save final branded image

# Add logo to any image
python .design/scripts/add-logo.py image.jpg

# Options
python .design/scripts/add-logo.py image.jpg --logo 6    # LOGO-06 (white on orange)
python .design/scripts/add-logo.py image.jpg --pos bl    # Bottom-left
python .design/scripts/add-logo.py image.jpg --size 0.25 # 25% width

from PIL import Image

# 1. Generate background (no logo in prompt)
# 2. Composite actual logo:

background = Image.open("generated.jpg").convert("RGBA")
logo = Image.open(".design/logos/FLAT COLOUR - CIRCLE TEL LOGO-06.png").convert("RGBA")

# Resize to 20% of width
logo_w = int(background.width * 0.20)
ratio = logo_w / logo.width
logo_resized = logo.resize((logo_w, int(logo.height * ratio)), Image.Resampling.LANCZOS)

# Position bottom-right
padding = int(background.width * 0.03)
x = background.width - logo_resized.width - padding
y = background.height - logo_resized.height - padding

# Composite and save
background.paste(logo_resized, (x, y), logo_resized)
background.convert("RGB").save("final-branded.jpg", quality=95)

prompt = """
CircleTel Brand Guidelines:
- Primary color: Vibrant orange (#F5831F)
- Secondary color: Dark charcoal (#1F2937)
- Style: Modern, professional, South African market

Create a social media post for 5G launch.
- "5G IS HERE" headline
- Orange gradient background
- Speed indicators
- Price callout "From R599/mo"

Do NOT include any logo - it will be added separately.
"""