McKinsey/BCG Style Visualization
Professional consulting-style data visualization and infographics creation skill for strategic analysis and executive presentations.
Overview
This skill enables the creation of high-density, professional consulting presentation slides and data visualizations in the style of top-tier strategy firms (McKinsey, BCG, Bain). The output combines institutional authority with editorial financial-report aesthetics, designed for boardroom-ready executive presentations.
When to Use This Skill
Use this skill when:
- Creating strategic analysis presentations for executive audiences
- Developing competitive benchmarking visualizations
- Building data-driven consulting deliverables
- Designing market analysis infographics
- Producing high-information-density business reports
- Visualizing complex strategic frameworks and comparisons
Do NOT use for:
- Marketing materials or promotional content
- Startup pitch decks with bright colors
- Decorative or artistic visualizations
- Low-information-density slides
Core Design Principles
1. Strategic Framing (Mandatory)
Every visualization must be hypothesis-driven, not descriptive.
Requirements:
- State a clear, insight-led headline that answers a strategic question directly
- Every section must drive toward a specific strategic implication
- Avoid neutral comparison — highlight structural trade-offs, capability gaps, competitive moats, and strategic asymmetries
- The visualization should implicitly support an executive-level decision (e.g., invest, partner, build, acquire, differentiate)
Bad Example: "Comparison of AI Video Models" Good Example: "Temporal Consistency Emerges as the Key Differentiator in GenAI Video — Seedance 2.0 Leads on Technical Benchmarks but Lags on Ecosystem Integration"
2. Visual & Design Standards
Aesthetic
- Tech-minimalist but information-heavy
- Clean, sharp, authoritative
- Institutional and boardroom-ready
- NOT startup-style or decorative
Typography
For Cover Slides:
- Main Title: Serif font (Times New Roman / Georgia / Playfair Display / Libre Baskerville)
- Size: Very large (48-72pt equivalent)
- Weight: Regular or Medium (not bold - maintains elegance)
- Color: White
#FFFFFF
- Subtitle: Sans-serif (Inter / Helvetica / Arial)
- Size: Medium (18-24pt equivalent)
- Weight: Light or Regular
- Color: Light Grey
#E5E7EB
- Metadata: Sans-serif (Inter / Helvetica / Arial)
- Size: Small (10-12pt equivalent)
- Weight: Light
- Color: Light Grey
#E5E7EB
For Content Slides:
- Headlines: Serif (Times New Roman / Georgia)
- Size: Large (24-36pt equivalent)
- Weight: Bold
- Color: Black
#000000
- Body Text: Sans-serif (Inter / Helvetica / Arial)
- Size: Medium (14-16pt equivalent)
- Weight: Regular
- Color: Dark Grey
#374151
- Data Labels: Sans-serif (Inter / Helvetica / Arial / Roboto)
- Size: Small-Medium (12-14pt equivalent)
- Weight: Medium or Semibold
- Color: Black
#000000or Deep Royal Blue#1E3A8A
- Emphasis: Bold for key numbers and strategic insights
Color Palette
For Content Slides (Data Visualizations):
- Background: Pure White
#FFFFFF - Primary Text: Sharp Black
#000000 - Primary Accent: Deep Royal Blue
#1E3A8A - Secondary Accent: Medium Blue
#2563EB - Grey Hierarchy:
- Dark Grey (primary text):
#374151 - Medium Grey (secondary text):
#6B7280 - Light Grey (borders/dividers):
#D1D5DB - Very Light Grey (subtle backgrounds):
#F3F4F6
- Dark Grey (primary text):
For Cover Slides:
- Background: Deep Navy Blue
#1E3A5F - Alternative Background: Gradient from
#1E3A5Fto#2C4A6F - Primary Text: Pure White
#FFFFFF - Secondary Text: Light Grey
#E5E7EB - Optional Accent: Subtle Gold
#D4AF37(for premium touch, use sparingly)
General Rules:
- NO gradients on content slides (only subtle gradients allowed on cover slides)
- NO bright startup colors (avoid neon, pastels, or vibrant hues)
Graphic Rules
- Hairline borders for tables (thin, precise lines)
- Precise vector lines for charts and frameworks
- NO decorative icons (use functional icons only when necessary)
- NO visual clutter (every element must serve a purpose)
3. Aspect Ratio Standards
CRITICAL: Always use landscape (horizontal) orientation for consistency.
Recommended aspect ratios:
- Landscape (16:9): Default for all visualizations — ensures consistency across slides
- Landscape (3:2): Alternative for wider layouts
Avoid:
- Portrait orientation (unless specifically requested)
- Square formats (unless for specific use cases like social media)
Rationale:
- Landscape orientation is standard for business presentations
- Maintains visual consistency when multiple charts are used together
- Optimized for screen sharing and projection
- Easier to read in document formats
Visualization Types & Use Cases
Type 1: Time-Series Growth Charts
Use when: Showing adoption rates, market growth, performance over time
Elements:
- Line chart or bar chart with clear time axis
- Large percentage numbers above data points
- Annotation box for key insights (e.g., "2x growth in 2 years")
- Clean gridlines every 10-20%
- Upward arrow for positive trends
Example: AI adoption rate from 38% (2023) to 72% (2025)
Type 2: Gap/Funnel Visualizations
Use when: Highlighting dramatic differences, maturity gaps, conversion funnels
Elements:
- Horizontal bars or funnel shape
- Extreme contrast in bar lengths to emphasize gap
- Large percentage labels
- Annotation explaining the implication (e.g., "Only 1 in 90 organizations...")
Example: 90% using AI vs. 1% with mature operations
Type 3: Before/After Comparisons
Use when: Demonstrating impact, ROI, performance improvement
Elements:
- Two vertical bars side by side
- Different colors (grey for "before", royal blue for "after")
- Curved arrow with improvement metric (e.g., "+28.8 points")
- Y-axis with clear scale
- Annotation box for context (e.g., "RCT study in Pakistan")
Example: Diagnostic accuracy 50% → 78.8% after 20-hour training
Type 4: Market Share / Adoption Rate
Use when: Showing percentage breakdowns, market penetration
Elements:
- Donut chart with center percentage
- Left side: chart; Right side: key statistics in large text
- Two-color scheme (primary + grey)
- Legend with color-coded boxes
Example: 77% of US medical schools adopted AI curriculum
Type 5: Investment / Scale Infographics
Use when: Comparing organizational investments, scale of operations
Elements:
- Horizontal layout with vertical divider
- Left section: Organization A with icon, large numbers, context
- Right section: Organization B with icon, large numbers, context
- Clean vector icons in royal blue
- Hairline divider between sections
Example: Kaiser Permanente (40 hospitals, 600+ facilities) vs. Mayo Clinic ($1B, 200+ projects)
Type 6: Timeline Visualizations
Use when: Showing chronological events, policy changes, milestones
Elements:
- Horizontal timeline with circular nodes
- Icons above each milestone
- Event labels above line, dates below line
- Connecting line in royal blue
- Clean sans-serif labels
Example: 2025 medical education AI integration (July AAMC → Fall Stanford → November AMA)
Type 7: Comparison / Contrast Diagrams
Use when: Highlighting differences between regions, organizations, or strategies
Elements:
- Split design with vertical divider
- Left side: data-rich with bullet points and icons
- Right side: sparse or question marks to emphasize gap
- High contrast between sections
- Clear header labels
Example: US/Global Leaders (72%, 77%, $1B+) vs. Japan (status unclear, unknown data)