
Infographic Design Brief Architect
Convert data into strategic design briefs with visual hierarchy and color guidance
What You Can Do
You'll convert unstructured requirements, datasets, or concepts into actionable design briefs that eliminate blank-canvas paralysis and stakeholder misalignment. The skill provides strategic direction on visual emphasis, information hierarchy, color palette decisions grounded in color theory, typography recommendations, and technical asset specifications—all before you open your design software. This bridges the communication gap between data sources and design execution, reducing revision cycles caused by misaligned expectations.
Features
identifies primary, secondary, and tertiary information with strategic emphasis recommendations
recommends palettes with psychological reasoning tied to infographic goals and brand consistency
suggests font pairings, sizing hierarchy, and readability guidelines for data-heavy layouts
details dimensions, file formats, resolution requirements, and technical constraints for production
structures which statistics or insights anchor the layout and drive narrative flow
creates written rationale for design decisions to reduce approval cycles
establishes recurring infographic guidelines for multiple projects within one brand
Example Output
Example 1: Technology Adoption Statistics
Visual Hierarchy: Lead with 47% adoption rate (largest, upper third) → Supporting stat (quarterly trend) → Methodology (small, bottom)
Color Palette: Primary: #1E40AF (trust, tech), Secondary: #10B981 (growth), Accent: #F59E0B (urgency). Rationale: Blue builds credibility for B2B audience, green signals positive growth trajectory.
Typography: Headline: 48px bold sans-serif for stat emphasis. Body: 16px regular for context. Labels: 12px condensed for density.
Assets Needed: 3200×2000px at 300DPI, SVG layers for each data point, editable text fields.
Example 2: Health Campaign Infographic
Visual Flow: Hero stat → Risk factors (3-column layout) → Call-to-action (bottom)
Color Strategy: Primary: #DC2626 (attention, urgency), Secondary: #F3F4F6 (clarity), Supporting: #6B7280 (neutral data). Psychological reasoning: Red creates health warning perception without appearing alarmist.
Typography: Statement font (serif, emotional impact) for hero message, sans-serif for all data to maintain legibility.
What's Included
- SKILL.md: Complete instruction file with overview, use cases, and prompt structure
- Design Brief Template: Fillable framework for visual hierarchy, color rationale, typography specs, and asset requirements
- Color Theory Reference: Psychology mapping and palette recommendation guidelines
- Typography Pairing Guide: Pre-vetted font combinations for data visualization across industries
- Asset Specification Checklist: Technical requirements, file formats, DPI/resolution standards for production handoff
Who It's For
- Graphic designers — streamline infographic planning and reduce revision cycles with pre-approved creative direction
- Data visualization specialists — convert raw datasets into structured visual strategies with clear hierarchy
- Marketing teams — align stakeholders on information emphasis before design execution begins
- UX/product designers — apply data visualization principles to dashboard and interface design briefs
- Communications professionals — present complex statistical findings with strategic visual planning documentation
Best For
- Creating initial design briefs for statistical or research-heavy infographics
- Justifying design decisions to stakeholders with color theory and visual hierarchy rationale
- Establishing brand-consistent templates for recurring infographic types (annual reports, product comparisons, educational content)
- Converting dense reports or academic findings into visual formats with clear information priority
- Resolving stakeholder disagreements on what data should be emphasized or de-emphasized







