算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
42-image-brief-global【设计与创意】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 thi…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
name: 42-image-brief-global
description: "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."
metadata:
version: 1.0.1
category: content
license: MIT
triggers:
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.
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:
50-asset-resize-global).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 |
Fill every section of the template below. Leave nothing blank.
Always include 2-3 specific reference images, each annotated with what to learn from it (color? composition? mood?) and what not to copy.
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]
| 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.
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
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.