Social Media Designer

What this skill does

# Social Media Designer

A social media design expert that creates platform-optimized graphics for maximum engagement. This skill combines platform best practices, visual design principles, and content strategy to produce scroll-stopping social media content that drives results.

From Instagram posts to Twitter headers to LinkedIn carousels, this skill ensures your social content looks professional, on-brand, and optimized for each platform's unique requirements.

## Core Workflows

### Workflow 1: Instagram Content Suite
1. **Define content type**
   - Feed post (single or carousel)
   - Story
   - Reel cover
   - Highlight cover
   - Profile picture

2. **Design feed post**
   - Dimensions: 1080x1080px (square) or 1080x1350px (portrait)
   - Visual hierarchy for quick scanning
   - Brand colors and fonts
   - On-brand photography or graphics
   - Text overlay (readable on mobile)

3. **Create story template**
   - Dimensions: 1080x1920px
   - Safe zones (avoid top/bottom 250px)
   - Interactive elements (polls, questions, sliders)
   - Swipe-up or link sticker area
   - Consistent brand frame

4. **Build content series**
   - Template for consistency
   - Color-coded by category
   - Reusable elements
   - Variation within system

### Workflow 2: LinkedIn Professional Graphics
1. **Choose format**
   - Single image post: 1200x627px
   - Carousel: 1080x1080px per slide
   - Article header: 1200x627px
   - Company page cover: 1128x191px
   - Profile banner: 1584x396px

2. **Design for platform**
   - Professional, polished aesthetic
   - Data-driven content
   - Industry-relevant imagery
   - Thought leadership focus
   - Clear value proposition

3. **Create carousel**
   - Compelling cover slide
   - One idea per slide
   - Consistent template
   - Strong conclusion/CTA
   - Page numbers or progress indicator

4. **Optimize for feed**
   - Hook in first 2 lines
   - Visual supports text
   - Professional photography
   - Avoid overly promotional

### Workflow 3: Twitter/X Visual Content
1. **Design tweet images**
   - Dimensions: 1200x675px (16:9)
   - High contrast for timeline
   - Bold, simple message
   - Works as thumbnail
   - Text readable at small size

2. **Create header image**
   - Dimensions: 1500x500px
   - Brand expression
   - Seasonal or campaign updates
   - Visual interest, not busy
   - Works with profile picture

3. **Design thread graphics**
   - Consistent style across thread
   - Numbered or sequential
   - Eye-catching colors
   - Quote graphics
   - Data visualizations

### Workflow 4: Multi-Platform Campaign
1. **Design master concept**
   - Core message/visual
   - Adaptable composition
   - Flexible color system
   - Reusable elements

2. **Adapt for each platform**
   - Resize for specs
   - Adjust safe zones
   - Platform-appropriate tone
   - Optimize text size

3. **Create platform variants**
   - Instagram: 1080x1080px
   - Facebook: 1200x630px
   - Twitter: 1200x675px
   - LinkedIn: 1200x627px
   - Pinterest: 1000x1500px
   - TikTok: 1080x1920px

4. **Maintain consistency**
   - Same core message
   - Recognizable brand elements
   - Adapted, not duplicated
   - Platform-native feel

## Quick Reference

| Action | Command/Trigger |
|--------|-----------------|
| Instagram post | "Design Instagram post about [topic]" |
| Story template | "Create Instagram story template" |
| LinkedIn carousel | "Design LinkedIn carousel on [topic]" |
| Twitter graphic | "Create Twitter image for [content]" |
| Multi-platform | "Design social campaign for [message]" |
| Profile graphics | "Create social media profile graphics" |

## Platform Specifications

### Instagram

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Feed (square) | 1080x1080px | 1:1 | Most common |
| Feed (portrait) | 1080x1350px | 4:5 | More feed space |
| Feed (landscape) | 1080x566px | 1.91:1 | Less common |
| Story | 1080x1920px | 9:16 | Safe zone matters |
| Reel | 1080x1920px | 9:16 | Vertical video |
| Profile Picture | 320x320px | 1:1 | Displays 110x110 |
| Highlight Cover | 1080x1920px | 9:16 | Center circle |

**Best Practices**:
- Bright, vibrant colors perform better
- Faces increase engagement
- Minimal text (not text-heavy platform)
- Consistent aesthetic/grid
- Stories: Top 25% and bottom 35% are safe zones

### Facebook

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Feed Image | 1200x630px | 1.91:1 | Link preview size |
| Feed Square | 1200x1200px | 1:1 | Alternative |
| Story | 1080x1920px | 9:16 | Same as IG |
| Cover Photo (Personal) | 820x312px | 2.7:1 | Profile |
| Cover Photo (Page) | 820x312px | 2.7:1 | Business |
| Event Cover | 1920x1005px | 1.91:1 | Desktop optimized |

**Best Practices**:
- Less polished than Instagram
- Longer captions work
- Community-focused content
- Video performs best
- Profile picture: 170x170px display

### Twitter/X

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| In-stream Photo | 1200x675px | 16:9 | Recommended |
| Header Photo | 1500x500px | 3:1 | Profile banner |
| Profile Photo | 400x400px | 1:1 | Displays smaller |

**Best Practices**:
- High contrast for timeline visibility
- Keep text large and bold
- Works at thumbnail size
- Header: Mind profile pic overlap
- Timeline is fast-scrolling

### LinkedIn

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Shared Image | 1200x627px | 1.91:1 | Article preview |
| Carousel | 1080x1080px | 1:1 | Per slide |
| Company Cover | 1128x191px | 5.9:1 | Page header |
| Personal Banner | 1584x396px | 4:1 | Profile |
| Logo | 300x300px | 1:1 | Square |

**Best Practices**:
- Professional aesthetic
- Data and insights perform well
- Carousels get high engagement
- Text-heavy is acceptable
- Industry-relevant content

### Pinterest

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Standard Pin | 1000x1500px | 2:3 | Recommended |
| Square Pin | 1000x1000px | 1:1 | Alternative |
| Long Pin | 1000x2100px | 1:2.1 | Max height |
| Profile Picture | 165x165px | 1:1 | Circular |
| Board Cover | 600x600px | 1:1 | Square |

**Best Practices**:
- Vertical formats perform best
- Bright, eye-catching
- Text overlays work well
- How-to and tutorials excel
- Lifestyle imagery

### TikTok

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Video | 1080x1920px | 9:16 | Vertical |
| Profile Picture | 200x200px | 1:1 | Circular |

**Best Practices**:
- Thumbnail matters
- Fast-paced content
- Authentic, not polished
- Trending audio/effects
- Hook in first 3 seconds

### YouTube

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Thumbnail | 1280x720px | 16:9 | Critical for CTR |
| Channel Cover | 2560x1440px | 16:9 | Desktop |
| Profile Picture | 800x800px | 1:1 | Circular display |

**Best Practices**:
- Thumbnail: Bold text, faces, contrast
- Test safe zones for mobile
- Consistent branding
- Eye-catching colors

## Design Principles for Social

**Mobile-First**
- Most views on mobile
- Large text (minimum 40pt headlines)
- High contrast
- Thumb-friendly interaction zones

**Scroll-Stopping**
- First impression in 0.5 seconds
- Bold colors and contrast
- Faces and people
- Pattern interruption
- Curiosity gap

**Brand Consistency**
- Recognizable color palette
- Consistent fonts
- Recurring visual elements
- Template system
- Cohesive feed aesthetic

**Platform-Native**
- Match platform culture
- Use platform features
- Appropriate tone
- Don't just repost everywhere

**Value-First**
- Educational, entertaining, or inspiring
- Clear benefit to viewer
- Not overly promotional
- Shareable content

## Content Categories

**Educational**
- How-to graphics
- Tips and tricks
- Stat graphics
- Infographics
- Explainer posts

**Inspirational**
- Quote graphics
- Motivatio