# Screenshot Export Guide

Replace placeholder PNGs in `public/brand/screenshots/` with production captures.

## Specs

| Setting | Value |
|---------|-------|
| Viewport | 1440 × 900 |
| Browser | Chrome (latest) |
| Theme | Dark (default) |
| Format | PNG |
| DPR | 2× optional for retina exports |

## Required captures

1. **homepage.png** — `learn.domains/` hero + command center teaser
2. **mission-brief.png** — `/app/websites/[id]/brief` with sample orders visible
3. **opportunity-engine.png** — opportunities list with impact scores
4. **ai-analyst.png** — analyst thread with grounded answer
5. **content-operations.png** — draft pipeline / review state
6. **command-center.png** — website overview dashboard
7. **credits.png** — `/app/account/credits` usage breakdown
8. **knowledge-base.png** — vault / knowledge uploads
9. **pricing.png** — `/pricing` with trial CTA visible
10. **demo.png** — `/demo` interactive command center

## Workflow

1. Run `npm run dev` locally or use staging
2. Use demo mode or a seeded test org — never real customer data
3. Capture at 1440×900, crop to UI chrome if needed
4. Save as `public/brand/screenshots/{slug}.png`
5. Re-run `npm run brand:generate` to refresh the media kit ZIP

## Product Hunt gallery

Replace `public/brand/social/product-hunt-gallery-*.png` (1270×760) with polished UI crops. See `marketing/product-hunt/gallery-image-notes.md`.