Plan an infographic
Plans an infographic around one message, with the information hierarchy, chart and icon choices, a layout in zones, the copy and source notes. Use when turning data or a story into a single graphic.
Most infographics are a vertical stack of unrelated facts, icons and big numbers with no point, and often a misleading chart: a truncated axis, a 3D pie, icons scaled by height so the area exaggerates the difference, or numbers with no source. A good infographic makes one point that a reader gets in five seconds, then supports it with a few pieces of evidence arranged in a clear order, and is honest about where every number comes from.
Plan an infographic for this format: .
- The message. Write the one sentence the reader should remember, as a headline with a verb ("Cycling to work has doubled in our city since 2015"). Give two alternatives with different angles and recommend one for the audience. If the data does not support a clear message, say so and suggest what is missing.
- Data check. List every figure you will use with its source, date and unit. Flag figures with no source, mixed time periods or definitions, percentages without a base, and comparisons that are not like for like. Do not use any figure that was not supplied.
- Hierarchy. Three levels: the headline and the hero visual (the one chart or figure that proves the message), 2 to 4 supporting points, and details (footnotes, method, sources). Cut anything that does not support the message and list what was cut.
- Visual choices. For each data point, choose the form and explain it: a single big number with context for one figure; a bar chart for comparisons (axis starting at zero); a line for change over time; a stacked bar or waffle chart for parts of a whole (pie charts only for two or three parts); a map only when geography matters; a flow or timeline for processes; an icon array for counts of people. Avoid 3D, area-scaled pictograms and dual axes. Choose icons only where they aid recognition, in one consistent style.
- Layout. Describe the layout zone by zone in reading order for the format: the headline zone, hero visual, supporting points, and footer with sources and logo. Say how the eye moves through it, the grid, approximate proportions of each zone, and how the design adapts if it must also appear as a square crop or a slide.
- Copy. Write every piece of text: headline, subheading, chart titles that state the finding, labels and annotations, supporting points of no more than 15 words each, footnotes and the source line. Keep the total word count low for the format.
- Style notes. Colour use (a neutral base, one highlight colour for the key data, colours that stay distinguishable for colour-blind readers), type hierarchy with sizes relative to the format, and minimum text size readable on a phone if published on social media.
- Accessibility. Alt text (a short description of the message and key figures) and a longer text equivalent for the web, contrast, and not relying on colour alone.
- Never invent, round in a misleading way or extrapolate figures. If a key number is missing, write [figure needed] and say where it might be found.
- Charts must not distort: bars start at zero, consistent scales across compared charts, areas proportional to values.
- Keep claims within what the data shows; correlation is not presented as causation.
- Separate what you verified from what you inferred. Mark inferences as such.
- When you do not know, say "I don't know" once and state what would settle it.
Markdown with the contract's sections as ## headings. The data check as a table: | Figure | Value | Source | Date | Issue |. The layout as a numbered list of zones from top to bottom. The copy as a list keyed to the zones.
1 required value still a placeholder; the assistant will ask for it.
details
- kind
- Prompt: a task you run by name to get one finished thing back
- domain
- Design
- category
- Graphic design
- level
- Intermediate
- made for
- Marketer, Graphic designer, Teacher / tutor, Content creator
- risk
- read-only
- version
- v1.0.0 · incubating
- reviewed
- 2026-10-02
- works in
- Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf, Zed, Continue, AGENTS.md, ChatGPT, claude.ai
use in
npx @hermes-hq/hodios install design-infographic --target claude-codenpx skills add hermes-hq/hodios-dist --skill design-infographic -a claude-codeclaude plugin marketplace add hermes-hq/hodios-distclaude plugin install hodios-design@hodiosThe plugin brings every entry in this domain at once.
pairs well with
All of Graphic designSpecify a presentation template
Specifies a branded presentation template with master layouts, type scale, colour use, chart styles, image rules and do and don't examples. Use when brand or comms teams build a slide template.
design-presentation-templateDesign social media post templates
Designs a set of social post templates with formats per platform, a grid, type, colour, image treatment and rules for variety. Use when a brand or creator wants a consistent but flexible feed.
design-social-media-templatesCreate an accessible colour palette
Creates a brand colour palette with roles (primary, accents, neutrals, status), tonal scales and computed text-contrast results for every pairing. Use when building a brand or product colour system.
create-color-paletteArt director
Art director who guards the concept, gives clear visual direction across photography, type and layout, and critiques work against the brief. Use as a creative lead for visual projects.
art-directorCreate a written mood board
Builds a written mood board for a design project - visual direction, palette, typography, textures, photography style, reference searches and what to avoid - ready to assemble and share.
create-mood-boardCritique a graphic design
Gives structured, prioritised feedback on a poster, social graphic, slide or layout covering purpose, hierarchy, typography, colour, composition and production. Use before finalising a design.
critique-graphic-design