Image Brief (Global)
A good image brief means the designer finishes without a single clarifying call. Communicate the feeling you want, not just "make it look good". Colors, fonts, and logo usage come from the brand guideline (46-brand-guideline-global), never invented here.
Information gathering
Read .agents/product-marketing-context-global.md, the brand guideline, and the asset list (41-campaign-asset-list-global) if available. If information is missing, ask up to 4 questions:
- Image type and subject? Social post, ad banner, thumbnail, product shot, lifestyle, or infographic — attached to which campaign or content piece?
- Channel and dimensions? Meta, TikTok, LinkedIn, Pinterest, website, or email — ratio 1:1, 4:5, 9:16, 16:9, 2:3, or custom?
- Visual objective and copy? Stop the scroll, build trust, or drive the click — is the headline, subtext, and CTA written and approved?
- Constraints? Reference images (link or file), deadline, maximum number of revision rounds?
Principles
- Complete enough that nobody has to ask. Any blank field means the brief is not finished. If a decision is genuinely open, write "designer's call, per brand guideline".
- Copy is approved before it is set. Do not rewrite copy after the layout exists.
- References are mandatory. One reference image replaces a thousand words. "Make it look clean and professional" is not a brief.
- One image, one visual objective. Do not stack three messages into one frame.
- More than two revision rounds usually means the brief was unclear, not that the designer is weak.
- If multiple sizes are needed, state the adaptation rules for each one (see
50-asset-resize-global).
Workflow
1. Define the visual objective
Before briefing the concept, decide what this image must accomplish in the first three seconds of attention.
| Objective |
Visual direction |
| Stop the scroll |
Strong hook, high contrast, pattern interrupt |
| Build trust |
Clean, professional, visible social proof |
| Drive the click |
Prominent CTA, explicit offer, urgency if it is real |
2. Write the full brief
Fill every section of the template below. Leave nothing blank.
3. Attach references
Always include 2-3 specific reference images, each annotated with what to learn from it (color? composition? mood?) and what not to copy.
Output structure
File name: image-brief-[asset-name]-[YYYYMMDD].md
# Image Brief — [Asset name]
## Overview
| Item | Detail |
|------|--------|
| Project / campaign | |
| Image type | |
| Channel / placement | |
| Dimensions (px) + ratio | |
| Visual objective | Stop the scroll / Build trust / Drive the click |
| Export format | JPG / PNG / WebP |
| Number of deliverables | |
| Designer | |
| Deadline | |
| Max revision rounds | |
## Concept and mood
- One-sentence idea: [what this image is about — readable in one pass]
- Feeling to convey: [Professional / Warm / Playful / Urgent / Minimal / Bold]
- Mood board references:
- Ref 1: [link or file — learn: color? layout? photographic style?]
- Ref 2: [...]
- Ref 3: [...] — do not copy: [...]
- Colors (from the brand guideline):
- Primary: [primary color]
- Secondary / accent: [secondary color]
- Background: [white / solid / gradient / photographic]
- Text: [dark text on light ground / light text on dark ground]
- Avoid entirely: color [...], style [...], element [...]
## Composition
- Main subject: [real person / product / abstract / type-led / illustration]
- Background: [white / solid / lifestyle scene / studio / blur / texture]
- Focal point: [centered / rule of thirds left or right / full bleed]
- Clear space for text overlay: [yes/no — which corner, roughly which third]
- Visual hierarchy:
1. [most important element — where the eye lands first]
2. [second element]
3. [third element — CTA / logo]
## Overlay copy (approved before it is set)
| Element | Content | Font | Size | Color | Position |
|---------|---------|------|------|-------|----------|
| Headline | | [heading font] Bold | | | |
| Subtext | | [body font] Regular | | | |
| CTA button | | [heading font] Bold | | | |
| Logo | [version: horizontal / stacked / icon only] | — | — | — | [per brand guideline] |
Copy limits: headline max [X] characters, subtext max [X] characters, no more than three text colors in one image.
## Deliverables
- [ ] Source file (share link, not a flattened export)
- [ ] Export [format] — [exact dimensions]
- [ ] Variants if needed: [light/dark version, alternate crop]
- [ ] Remaining sizes per the asset list
## Review process
- Draft 1 due: [date] — feedback within [X] hours
- Max revision rounds: [X] — final approval by: [lead]
- Final deadline: [date]
Platform specs
| Channel |
Dimensions |
Safe zone |
Export |
Max file size |
| Meta Feed (FB/IG) |
1080x1080 (1:1) or 1080x1350 (4:5) |
20px each edge |
JPG, RGB |
30MB |
| Meta Story / Reels |
1080x1920 (9:16) |
250px top / 250px bottom |
JPG, RGB |
30MB |
| Meta link/landscape |
1200x628 (1.91:1) |
40px each edge |
JPG, RGB |
30MB |
| TikTok cover |
1080x1920 (9:16) |
150px top / 300px bottom |
JPG |
10MB |
| LinkedIn single image |
1200x627 (1.91:1) |
40px each edge |
JPG/PNG |
5MB |
| Pinterest pin |
1000x1500 (2:3) |
60px each edge |
JPG/PNG |
20MB |
| YouTube thumbnail |
1280x720 (16:9) |
60px each edge, avoid bottom-right timestamp |
JPG/PNG |
2MB |
| Email header |
600x200 |
10px each edge |
JPG |
1MB |
| Website banner |
1440x500 |
100px each edge |
JPG/PNG/WebP |
500KB |
Full size matrix, crop behavior, and resize strategy: read 50-asset-resize-global.
Condensed example brief
Image brief — Meta Feed 1080x1080 — TOFU, Q3 course launch
Type: single-image ad | Channel: Meta Feed | Objective: stop the scroll within 1.5 seconds
Feeling: bold, mild urgency, professional but not corporate
Subject: type-led, gradient background from [primary color] to [secondary color]
Headline: "[core message — max 60 characters]"
Subtext: "[product name + date window]"
CTA: "Enroll now"
Ref: [link to a bold type-led example — learn contrast and typography, do not copy the palette]
Deadline: [date] | Max revisions: 2
Related skills
41-campaign-asset-list-global: where this image sits in the asset list and its deadline.
46-brand-guideline-global: source of colors, fonts, and logo rules — read before writing the brief.
45-design-tool-brief-global: add step-by-step production direction when the designer works in Canva, Figma, or Adobe Express.
43-carousel-brief-global: use instead when the deliverable is a slide sequence rather than a single frame.
47-design-review-global: score the result once the designer submits.
50-asset-resize-global: adaptation rules when the same master runs at several sizes.
30-design-master-global: when the image should be AI-generated instead of designed by hand.
Quality checklist
1---2name: 42-image-brief-global3description: Use when ONE static image needs a full brief for a designer or photographer — visual objective, concept and mood, composition, overlay copy, colors and fonts read from the brand guideline, per-channel dimensions, deliverables, and approval criteria. Trigger on 'image brief', 'banner brief', 'thumbnail brief', 'brief for the designer', 'how should this graphic look', 'the design came back wrong again'. Also use when the user has a post idea and needs to explain the visual. Not for — a multi-slide sequence, see `43-carousel-brief-global`; tool-level production steps in Canva or Figma, see `45-design-tool-brief-global`; generating the image with AI, see `30-design-master-global`; an urgent same-day swap, see `48-quick-visual-brief-global`.4license: MIT5---6
7# Image Brief (Global)
8
9A good image brief means the designer finishes without a single clarifying call. Communicate the feeling you want, not just "make it look good". Colors, fonts, and logo usage come from the brand guideline (`46-brand-guideline-global`), never invented here.
10
11## Information gathering
12
13Read `.agents/product-marketing-context-global.md`, the brand guideline, and the asset list (`41-campaign-asset-list-global`) if available. If information is missing, ask up to 4 questions:
14
151. **Image type and subject?** Social post, ad banner, thumbnail, product shot, lifestyle, or infographic — attached to which campaign or content piece?
162. **Channel and dimensions?** Meta, TikTok, LinkedIn, Pinterest, website, or email — ratio 1:1, 4:5, 9:16, 16:9, 2:3, or custom?
173. **Visual objective and copy?** Stop the scroll, build trust, or drive the click — is the headline, subtext, and CTA written and approved?
184. **Constraints?** Reference images (link or file), deadline, maximum number of revision rounds?
19
20## Principles
21
221. **Complete enough that nobody has to ask.** Any blank field means the brief is not finished. If a decision is genuinely open, write "designer's call, per brand guideline".
232. **Copy is approved before it is set.** Do not rewrite copy after the layout exists.
243. **References are mandatory.** One reference image replaces a thousand words. "Make it look clean and professional" is not a brief.
254. **One image, one visual objective.** Do not stack three messages into one frame.
265. **More than two revision rounds usually means the brief was unclear,** not that the designer is weak.
276. **If multiple sizes are needed, state the adaptation rules** for each one (see `50-asset-resize-global`).
28
29## Workflow
30
31### 1. Define the visual objective
32
33Before briefing the concept, decide what this image must accomplish in the first three seconds of attention.
34
35| Objective | Visual direction |
36|-----------|------------------|
37| Stop the scroll | Strong hook, high contrast, pattern interrupt |
38| Build trust | Clean, professional, visible social proof |
39| Drive the click | Prominent CTA, explicit offer, urgency if it is real |
40
41### 2. Write the full brief
42
43Fill every section of the template below. Leave nothing blank.
44
45### 3. Attach references
46
47Always include 2-3 specific reference images, each annotated with what to learn from it (color? composition? mood?) and what not to copy.
48
49## Output structure
50
51File name: `image-brief-[asset-name]-[YYYYMMDD].md`
52
53```markdown
54# Image Brief — [Asset name]
55
56## Overview
57| Item | Detail |
58|------|--------|
59| Project / campaign | |
60| Image type | |
61| Channel / placement | |
62| Dimensions (px) + ratio | |
63| Visual objective | Stop the scroll / Build trust / Drive the click |
64| Export format | JPG / PNG / WebP |
65| Number of deliverables | |
66| Designer | |
67| Deadline | |
68| Max revision rounds | |
69
70## Concept and mood
71- One-sentence idea: [what this image is about — readable in one pass]
72- Feeling to convey: [Professional / Warm / Playful / Urgent / Minimal / Bold]
73- Mood board references:
74 - Ref 1: [link or file — learn: color? layout? photographic style?]
75 - Ref 2: [...]
76 - Ref 3: [...] — do not copy: [...]
77- Colors (from the brand guideline):
78 - Primary: [primary color]
79 - Secondary / accent: [secondary color]
80 - Background: [white / solid / gradient / photographic]
81 - Text: [dark text on light ground / light text on dark ground]
82- Avoid entirely: color [...], style [...], element [...]
83
84## Composition
85- Main subject: [real person / product / abstract / type-led / illustration]
86- Background: [white / solid / lifestyle scene / studio / blur / texture]
87- Focal point: [centered / rule of thirds left or right / full bleed]
88- Clear space for text overlay: [yes/no — which corner, roughly which third]
89- Visual hierarchy:
90 1. [most important element — where the eye lands first]
91 2. [second element]
92 3. [third element — CTA / logo]
93
94## Overlay copy (approved before it is set)
95| Element | Content | Font | Size | Color | Position |
96|---------|---------|------|------|-------|----------|
97| Headline | | [heading font] Bold | | | |
98| Subtext | | [body font] Regular | | | |
99| CTA button | | [heading font] Bold | | | |
100| Logo | [version: horizontal / stacked / icon only] | — | — | — | [per brand guideline] |
101
102Copy limits: headline max [X] characters, subtext max [X] characters, no more than three text colors in one image.
103
104## Deliverables
105- [ ] Source file (share link, not a flattened export)
106- [ ] Export [format] — [exact dimensions]
107- [ ] Variants if needed: [light/dark version, alternate crop]
108- [ ] Remaining sizes per the asset list
109
110## Review process
111- Draft 1 due: [date] — feedback within [X] hours
112- Max revision rounds: [X] — final approval by: [lead]
113- Final deadline: [date]
114```
115
116## Platform specs
117
118| Channel | Dimensions | Safe zone | Export | Max file size |
119|---------|-----------|-----------|--------|---------------|
120| Meta Feed (FB/IG) | 1080x1080 (1:1) or 1080x1350 (4:5) | 20px each edge | JPG, RGB | 30MB |
121| Meta Story / Reels | 1080x1920 (9:16) | 250px top / 250px bottom | JPG, RGB | 30MB |
122| Meta link/landscape | 1200x628 (1.91:1) | 40px each edge | JPG, RGB | 30MB |
123| TikTok cover | 1080x1920 (9:16) | 150px top / 300px bottom | JPG | 10MB |
124| LinkedIn single image | 1200x627 (1.91:1) | 40px each edge | JPG/PNG | 5MB |
125| Pinterest pin | 1000x1500 (2:3) | 60px each edge | JPG/PNG | 20MB |
126| YouTube thumbnail | 1280x720 (16:9) | 60px each edge, avoid bottom-right timestamp | JPG/PNG | 2MB |
127| Email header | 600x200 | 10px each edge | JPG | 1MB |
128| Website banner | 1440x500 | 100px each edge | JPG/PNG/WebP | 500KB |
129
130> Full size matrix, crop behavior, and resize strategy: read `50-asset-resize-global`.
131
132## Condensed example brief
133
134```
135Image brief — Meta Feed 1080x1080 — TOFU, Q3 course launch
136Type: single-image ad | Channel: Meta Feed | Objective: stop the scroll within 1.5 seconds
137Feeling: bold, mild urgency, professional but not corporate
138Subject: type-led, gradient background from [primary color] to [secondary color]
139Headline: "[core message — max 60 characters]"
140Subtext: "[product name + date window]"
141CTA: "Enroll now"
142Ref: [link to a bold type-led example — learn contrast and typography, do not copy the palette]
143Deadline: [date] | Max revisions: 2
144```
145
146## Related skills
147
148- `41-campaign-asset-list-global`: where this image sits in the asset list and its deadline.
149- `46-brand-guideline-global`: source of colors, fonts, and logo rules — read before writing the brief.
150- `45-design-tool-brief-global`: add step-by-step production direction when the designer works in Canva, Figma, or Adobe Express.
151- `43-carousel-brief-global`: use instead when the deliverable is a slide sequence rather than a single frame.
152- `47-design-review-global`: score the result once the designer submits.
153- `50-asset-resize-global`: adaptation rules when the same master runs at several sizes.
154- `30-design-master-global`: when the image should be AI-generated instead of designed by hand.
155
156## Quality checklist
157
158- [ ] One clear visual objective (stop the scroll / build trust / drive the click)
159- [ ] Concept has a one-sentence idea plus the feeling to convey
160- [ ] 2-3 references included, each annotated with what to learn and what not to copy
161- [ ] Colors and fonts read from the brand guideline — no invented hex values
162- [ ] Overlay copy approved before handoff
163- [ ] Visual hierarchy stated in 1-2-3 order
164- [ ] Dimensions, safe zone, and export format match the channel spec
165- [ ] Text is legible on mobile; no more than three text colors
166- [ ] Deadline and maximum revision rounds stated
167- [ ] No section left blank