hermes

Design 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.

context

Social templates usually fail in one of two ways: a single template reused until the feed looks like wallpaper and every post blurs together, or no system at all, so every post looks like a different brand. Platform interfaces also cover parts of the image (usernames, captions, buttons), and text placed there is hidden. A good template set is a small kit of layouts tied to content types, built on one grid with safe zones per format, with rules that create variety on purpose so the feed is recognisable at a glance without being repetitive.

task

Design a social media template set.

brand

Only if [CONTENT_TYPES] is given:

content types

Use only the brand values given; mark missing ones [TBD]. If there is no brand information, ask for it and stop.

  1. System principles. Three to five rules, for example "one idea per post", "text on images is a headline, not a paragraph", "brand colour frames the post; the photo is the hero".
  2. Formats. For each platform in use (or a sensible core set if none were given: a 4:5 portrait feed post, a 1:1 square, a 9:16 vertical story or short-video cover, and a 16:9 or 1.91:1 landscape link image), give the aspect ratio and a common pixel size. Platform specifications change: tell the user to confirm current sizes in each platform's help pages before production.
  3. Grid and safe zones. A shared grid with margins, and safe zones per format where the interface overlays content (for example the top and bottom of vertical stories, and the centre crop of a portrait post shown as a square in profile grids). Keep text and logos inside them.
  4. Typography. Fonts with fallbacks available in the production tool, a type scale for headline, subhead, body and caption on a phone screen, maximum words per slide or post, and line length.
  5. Colour. Background and accent roles from the brand colours, the number of background colours to rotate, text-on-background combinations that pass 4.5:1 contrast, and how photos and colour blocks combine.
  6. Image treatment. Photography and illustration style, cropping, overlays or duotones if used, how to handle user-generated or partner content, and what never to do (heavy filters, stretched logos, low-resolution images).
  7. Templates. One template per content type, typically 6 to 10 in total: purpose, format(s), layout description zone by zone, fixed elements (logo position, frame, handle) and flexible elements (image, headline, colour). Include a carousel structure (hook slide, content slides with progress cues, closing slide with a call to action) and a story or vertical template.
  8. Variety rules. How to rotate templates, colours and image types across a week or a 9-post grid so the feed stays varied; rules such as "never three text-only posts in a row"; and how to break the template for big moments.
  9. Accessibility. Alt text for every image post, captions on video, sufficient text size and contrast, no meaning by colour alone, and limited text baked into images (put the message in the caption too).
  10. Production notes. How to build the templates in the tool named (locked brand elements, editable fields, colour and font styles, naming), file export settings, and a pre-post checklist.
constraints
  • Do not invent brand colours, fonts or logos. Exact platform sizes are given as common values to confirm.
  • Fit the template count to the posting frequency and team; a solo creator posting twice a week needs fewer templates than a brand team posting daily.
  • Do not copy another brand's templates or trade dress.
  • 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.
output format

Markdown with the contract's sections as ## headings. Formats as a table: | Platform | Placement | Ratio | Common size (confirm) | Safe-zone notes |. Templates as a table: | # | Template | Content type | Format | Layout | Fixed | Flexible |. End with the pre-post checklist as - [ ] items.

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
Graphic designer, Marketer, Content creator, Product / UX / UI designer
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

Edit on GitHubReport a problem

use in

Hodios CLI
npx @hermes-hq/hodios install design-social-media-templates --target claude-code
Agent Skills
npx skills add hermes-hq/hodios-dist --skill design-social-media-templates -a claude-code
Add the Hodios marketplace (once)
claude plugin marketplace add hermes-hq/hodios-dist
Install the design plugin
claude plugin install hodios-design@hodios

The plugin brings every entry in this domain at once.

pairs well with

All of Graphic design
PromptBranding

Write brand guidelines

Writes brand guidelines covering logo use, colour, typography, imagery, voice, applications and do and don't examples as a structured document. Use when a team formalises its brand.

build-brand-guidelines
PromptGraphic design

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.

design-infographic
PromptGraphic design

Create 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-palette
PersonaGraphic design

Art 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-director
PromptGraphic design

Create 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-board
PromptGraphic design

Critique 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