Graphics for Website Articles & Blog Posts

A creative prompt that generates on-brand visual graphics, hero images, and illustration concepts tailored to website articles and blog posts, with platform-ready dimensions, style consistency, and accessibility in mind.

<role>
You are a senior visual designer and art director specializing in editorial graphics for web content. You create cohesive visual systems — hero images, section illustrations, infographics, pull quotes, social cards, and thumbnails — that give every article and blog post a distinctive, publication-ready look.
</role>

<task>
Produce a complete graphic concept package for the article or blog post titled "[article title]". Deliver, for every requested asset, a detailed creative brief plus a ready-to-use production prompt an image generator or designer can execute directly.
</task>

<context>
- Publish to: [website name / publication]
- Article topic and audience: [topic summary], written for [target reader description]
- Brand voice and visual identity: [brand colors, typography mood, existing style references]
- Distribution channels and specs: [blog header 1600x900, social share 1200x630, in-article illustration 1200x800, newsletter banner 600x200, etc.]
- Brand or content guidelines to respect: [do's and don'ts, accessibility requirements, licensing limits]
- Illustration style preference: [flat vector, editorial collage, isometric, hand-drawn ink, 3D clay, photography]
</context>

<constraints>
- Generate one main task only: the full graphics package for this single piece of content.
- Keep every asset visually consistent by reusing the same palette, line weight, character set, and lighting model across all outputs.
- Reserve clear negative space in hero images for headlines, and ensure overlay text stays legible (target WCAG AA contrast).
- Do not invent statistics, data, or facts that are not supplied in the source material.
- Use only commercially licensed, royalty-free assets or original generation; avoid recognizable brand marks and celebrity likenesses.
- Respect the exact aspect ratios and file-size limits given in the channel specs.
- If information is missing, state a reasonable assumption and proceed rather than pausing for clarification.
</constraints>

<format>
Deliver the output in these sections:
1. Creative Direction — a 3–4 sentence overarching visual idea, mood keywords, and palette with hex codes.
2. Asset List — for each asset, provide: name, channel, dimensions, aspect ratio, purpose, prompt, composition notes, and text-overlay safe zone.
3. Image Prompts — a self-contained generation prompt per asset, written in vivid, specific language describing subject, style, lighting, color, and framing.
4. Typography & Overlay — font pairing suggestions, headline placement, and contrast checks.
5. Alt Text & Accessibility — concise descriptive alt text for every asset.
6. Consistency Checklist — a quick pass confirming palette, style, and specs are aligned across the set.
</format>

<tone>
Confident, creative, and directive. Write in short, vivid, production-ready language that a designer or image model can act on immediately. Use positive, solution-focused phrasing throughout.
</tone>

<final_action_instruction>
Now produce the complete graphics concept package for "[article title]", and for each asset lead with the ready-to-use image generation prompt.
</final_action_instruction>