Update SOPs: consolidate index, clean client data, set Imagen as default

- README: rewrite index to reflect actual files (STACK/CONTENT/OPTIMIZATION);
  remove 15 dead links to old numbered SOPs; add subdirectory table; update
  image gen to Google Imagen as default
- STACK: fix wp-divi-pipeline script paths; genericize vibrantyou/domain
  examples; strip pre-existing em dashes throughout
- CONTENT: update image generation default to Google Imagen API with allotted quota
- image-gen-workflow: remove client-specific cobhamtech data; generalize
  brand palette step; update date
- wp-divi-pipeline-to-am-stack: remove vibrantyou.yoga client data block;
  fix Related SOPs links to current files
This commit is contained in:
2026-06-09 18:54:57 +02:00
parent 94f7a1f72a
commit 5eb4426d30
7 changed files with 190 additions and 251 deletions
+11 -23
View File
@@ -6,7 +6,7 @@ Source: cutout.pro/model-comparison/imagen-vs-nanobanana + Gemini API model audi
## Available Models (via Google Gemini API)
### Imagen 4 Quality Mode
### Imagen 4: Quality Mode
Model ID: `imagen-4.0-generate-001`
Also available: `imagen-4.0-ultra-generate-001`
@@ -24,7 +24,7 @@ Use for:
---
### Nano Banana (Gemini 2.5 Flash Image) Speed Mode
### Nano Banana (Gemini 2.5 Flash Image): Speed Mode
Model ID: `gemini-2.5-flash-image`
Strengths:
@@ -40,7 +40,7 @@ Use for:
---
### Imagen 4 Fast Budget Mode
### Imagen 4 Fast: Budget Mode
Model ID: `imagen-4.0-fast-generate-001`
Use for:
@@ -52,38 +52,26 @@ Use for:
## Recommended Workflow
Step 1 Draft with Speed Mode (`gemini-2.5-flash-image`)
Step 1: Draft with Speed Mode (`gemini-2.5-flash-image`)
Generate 2-4 variations quickly. Confirm composition, subject, and tone. Low cost.
Step 2 Refine with Quality Mode (`imagen-4.0-generate-001`)
Step 2: Refine with Quality Mode (`imagen-4.0-generate-001`)
Take the winning prompt from step 1. Generate final version at full quality.
This is the image that goes into the site.
Step 3 Review against brand palette
Check that image tones align with site color tokens:
- cobhamtech.com: dark navy (#0c0f18), slate (#1c2d42), blue accent (#2d5a9e), gold (#c79330)
- All hero images need to work behind dark overlays
Step 3: Review against brand palette
Check that image tones align with the project's color tokens from `tokens.css`.
All hero images need to work behind dark overlays.
Step 4 Save to project assets
Step 4: Save to project assets
Path convention: `assets/images/{page}-{slot}.jpg`
Examples: `hero-bg.jpg`, `about-visual.jpg`, `services-bg.jpg`
---
## Cobhamtech.com Image Plan
| Slot | File | Page | Prompt Theme |
|------|------|------|--------------|
| Hero background | `hero-bg.jpg` | index.html | Dark server room, blue ambient lighting, depth of field |
| About story | `about-visual.jpg` | about.html | IT professional at clean desk, dual monitors, neutral dark background |
| Services hub | `services-bg.jpg` | services/index.html | Enterprise network infrastructure, abstract, dark |
| Intro visual | `intro-visual.jpg` | index.html | Business and technology handshake, professional setting |
---
## Notes
- Never use Nano Banana for final production images on client sites
- Imagen 4 Ultra adds marginal quality gain over standard not worth the cost for web assets
- Imagen 4 Ultra adds marginal quality gain over standard: not worth the cost for web assets
- All images should be exported as JPEG at 85% quality, max 1600px wide, for web performance
- Run generated images through the site CSP ensure `img-src` allows `self` and `data:` only (no external CDN hotlinking)
- Run generated images through the site CSP: ensure `img-src` allows `self` and `data:` only (no external CDN hotlinking)