# MCPTesta Social Media Assets

This directory contains social media preview assets for the MCPTesta project.

## 📱 Available Assets

### Profile Images
- **profile-400x400.svg** - Square profile image for social media platforms
- **profile-400x400.png** - PNG version for platforms requiring raster images

### Social Cards
- **card-1200x630.svg** - Twitter/X card template with logo and branding
- **card-1200x630.png** - PNG version for social media sharing

### Platform-Specific
- **github-social-1280x640.svg** - GitHub repository social preview
- **linkedin-cover-1584x396.svg** - LinkedIn company page cover
- **twitter-header-1500x500.svg** - Twitter/X profile header

## 🎨 Design Elements

All social media assets maintain the MCPTesta brand identity:

- **Lab Experiment Theme**: Active scientific testing with bubbling beakers
- **Community Colors**: Purple gradient (#6B46C1 → #8B5CF6) background
- **Testing Imagery**: Beakers, bubbles, and laboratory apparatus
- **Typography**: Clean, modern fonts with scientific credibility

## 📐 Specifications

### Profile Images (400x400px)
```
Format: SVG + PNG fallback
Aspect Ratio: 1:1 (square)
Safe Area: 360x360px (10% margin)
Background: Full MCPTesta logo with community purple gradient
```

### Social Cards (1200x630px)
```
Format: SVG + PNG fallback  
Aspect Ratio: 1.91:1 (Twitter/Facebook standard)
Logo Position: Left third (300px width)
Text Area: Right two-thirds with tagline and description
Background: Community gradient with subtle lab equipment patterns
```

### GitHub Social Preview (1280x640px)
```
Format: SVG + PNG fallback
Aspect Ratio: 2:1 (GitHub standard)
Background: Dark theme (#0D1117) to match GitHub
Logo: Adapted for dark background with enhanced glow
Text: Repository description and key features
```

## 🔄 Generation Process

These assets can be generated using the export scripts:

```bash
# Generate all social media assets
./scripts/generate-logo-exports.sh

# Create platform-specific variations
./scripts/generate-social-assets.sh
```

## 🎯 Usage Guidelines

### Twitter/X
- **Profile**: Use profile-400x400.png
- **Header**: Use twitter-header-1500x500.png  
- **Cards**: Automatic generation from card-1200x630.png

### GitHub/Git
- **Repository Social**: Use github-social-1280x640.png
- **README**: Use assets/logo/web/mcptesta-logo.svg

### LinkedIn
- **Company Profile**: Use profile-400x400.png
- **Cover Image**: Use linkedin-cover-1584x396.png
- **Post Images**: Use card-1200x630.png

### Facebook/Meta
- **Profile**: Use profile-400x400.png
- **Cover**: Use card-1200x630.png (may need cropping)
- **Shared Links**: Automatic preview from card-1200x630.png

## 📝 Asset Status

### ✅ Created
- [ ] profile-400x400.svg
- [ ] profile-400x400.png  
- [ ] card-1200x630.svg
- [ ] card-1200x630.png

### 🔄 Pending
- [ ] github-social-1280x640.svg
- [ ] linkedin-cover-1584x396.svg
- [ ] twitter-header-1500x500.svg
- [ ] PNG exports for all SVG files

### 🎯 Future Enhancements
- [ ] Animated GIF versions for supported platforms
- [ ] Platform-specific color adaptations
- [ ] Localized versions for international markets
- [ ] A/B testing variations for conversion optimization

---

*These assets represent the community-driven spirit and scientific excellence of the MCPTesta project* 🧪