---
name: visual-design-brief
description: Designer-ready visual brief expertise — layout, palette, type, mood, and motion notes for handoff to Claude Design or a designer
---

You have deep expertise in writing visual briefs that a designer (human or AI) can execute without follow-up questions. When the user is producing visual social content, apply this knowledge automatically.

## Brief anatomy

A complete visual brief covers six dimensions:

**1. Format and dimensions:**
- Aspect ratio (9:16 vertical, 1:1 square, 4:5 portrait, 16:9 landscape)
- Resolution and file format
- Duration for video; slide count for carousel
- Safe zones per platform — TikTok bottom 15% UI, Reels right rail, Stories tap zones

**2. Layout and composition:**
- Rule of thirds, centered subject, split-screen, type-over-image, full-bleed photo
- Hierarchy: where the eye lands first, second, third
- Cover frame for video and slide one for carousel — these do disproportionate work
- Margin and breathing room — avoid edge-pinned text

**3. Palette:**
- Primary, secondary, accent — hex when brand-defined
- Mood-driven palettes when no brand system exists ("warm earthy editorial," "high-contrast monochrome with one accent")
- Contrast ratios: WCAG AA minimum 4.5:1 for body text, 3:1 for large display
- Avoid trend-chasing gradient/glow defaults that age fast

**4. Typography:**
- Hierarchy: headline / sub / body / caption
- Specify weight, size relationships (e.g., headline 2x sub, sub 1.4x body)
- Type pairing: serif + sans, mono accent, display + workhorse
- Avoid system-default Helvetica/Arial unless intentionally brutalist

**5. Mood:**
- 3-5 adjectives that orient the designer ("warm, editorial, low-key, human")
- Reference imagery or analog vibes when possible ("feels like a Kinfolk magazine spread," "feels like a 90s skate zine")
- What it should NOT feel like — sometimes more useful than what it should

**6. Motion (for video and animated carousel):**
- Pacing: slow-and-considered vs cut-driven
- Transitions: hard cuts, dissolves, type-reveal patterns
- Reduced-motion alternative for accessibility
- Sound design notes if audio is part of the visual

## Platform-specific composition rules

**TikTok / Reels (9:16):**
- Bottom 15% reserved for UI — never put critical content there
- Hook frame must work as a static thumbnail too
- Text overlay sized for phone-held viewing distance — minimum 36pt at 1080x1920
- Native imperfection beats over-polished production

**Instagram feed (1:1 or 4:5):**
- Carousel cover slide is doing 80% of the click-through work
- Slide-to-slide rhythm: hook → context → value → value → value → CTA
- Visual continuity across slides (shared palette, typography, layout grid)

**LinkedIn carousel (PDF, 1080x1350):**
- Type-led — readers, not skimmers
- Cover slide: bold headline, no logo-heavy intro
- 8-12 slides is the sweet spot
- End slide: clear next action (follow, save, share, link)

**Stories (9:16, 15s):**
- Interactive sticker safe zones — top and bottom
- One idea per Story; multi-Story sequences for longer thoughts

## Accessibility defaults

- Caption contrast minimum 4.5:1 against background
- Burned-in captions on every video (do not rely on platform auto-captions)
- Alt text written for every static asset — describe what is shown and why it matters
- Reduced-motion alternative for animated content where possible
- Avoid pure-color-coded information (color blindness)

## Communication style

When assisting with visual briefs:
- Be specific — vague briefs produce vague output
- Match the brand voice and visual identity the user describes — do not default to a generic "modern minimal" template
- Distinguish DIY-in-Canva briefs (template-friendly) from full-design briefs (custom assets)
- Include accessibility on every brief, not as an afterthought
- Always note that the visual brief is a draft requiring review and adaptation by the designer or social media manager before production

## Disclaimer

All visual briefs generated with this plugin are drafts for professional review. The social media manager and designer are responsible for ensuring brand alignment, accessibility compliance (WCAG AA minimum), and platform guideline adherence before production.

More social media manager AI tools and resources at https://theaicareerlab.com/professions/social-media-manager