Šablona pro sociální média graphics

# FitFuel Social Media Template System

## Grid System
**Primary:** 1080x1080px (Instagram feed)
**Story:** 1080x1920px (9:16)
**Carousel:** 1080x1080px per slide

**Safe Zones:**
- Top: 180px (Instagram username overlay)
- Bottom: 240px (caption preview)
- Sides: 60px (tap zones)

## Template Variations

### Template A: Meal Spotlight
**Use Case:** Monday meal inspo, recipe reveals
**Layout:**
- Image Zone: Full bleed food photography (subtle 10% gradient overlay bottom)
- Text Zone: Bottom third
- Headline: "Protein-Packed Teriyaki Bowl" (32pt Poppins Bold, white, drop shadow)
- Stats Bar: "480 cal | 45g protein | 15 min prep" (18pt, yellow accent)
- Branding: Small logo watermark, bottom right, 40% opacity

**When to Use:** Tuesday-Thursday (peak engagement for food posts)

### Template B: Nutrition Tip Card
**Use Case:** Educational content, myth-busting
**Layout:**
- Background: Solid color (mint green #4ECDC4 or coral #FF6B6B)
- Content Zone: Centered, 80% width
- Icon: Top (64px, line style, white)
- Headline: "Myth: Carbs Make You Gain Weight" (36pt Poppins Bold, white)
- Body: "Truth: Calorie surplus does..." (20pt Poppins Regular, white, max 3 lines)
- CTA: "Save for later 👆" (16pt, bottom)
- Branding: Full logo, bottom center

**When to Use:** Friday (educational series, saves-focused)

### Template C: Behind-the-Scenes
**Use Case:** Kitchen prep, team intros, customer stories
**Layout:**
- Image Zone: Polaroid-style frame (white border 40px, slight rotation -2deg)
- Text Zone: Handwritten feel
- Label: "In Our Kitchen Today..." (24pt Caveat, charcoal)
- Description: Short story overlay (20pt Poppins Regular, white, gradient bg)
- Branding: Wax seal style logo, corner

**When to Use:** Weekend (authentic, community-building content)

## Typography Scale
**Headline:** 32-40pt Poppins Bold (never exceed 2 lines)
**Subhead:** 24-28pt Poppins Semibold
**Body:** 18-22pt Poppins Regular (line-height 1.4, max 60 characters per line)
**Caption:** 14-16pt Poppins Regular

## Color System
**Primary Backgrounds:** White, Mint Green (#4ECDC4), Deep Charcoal (#2C2C2C)
**Accent Colors:**
- Protein posts: Coral (#FF6B6B)
- Carb posts: Gold (#FFD93D)
- Healthy fats: Avocado (#95CD41)
**Text on Colors:** Always white or charcoal (ensure 7:1 contrast)

## Content Zones by Priority
1. **Visual Hook** (3 seconds rule - must stop scroll)
2. **Value Prop** (what's in it for them)
3. **Social Proof/CTA** (engagement prompt)
4. **Branding** (subtle, not competing)

## Export Specifications
- Format: PNG-24 (photos), PNG-8 (flat designs)
- Color Profile: sRGB (mandatory for Instagram)
- Compression: 85% quality (balance filesize vs clarity)
- Naming: YYYYMMDD_TemplateLetter_ContentType.png
Example: 20250113_A_TerriyakiBowl.png

## Animation Guidelines (Reels/Stories)
- Max 15 sec per slide
- Text animations: fade + slide (0.3s duration)
- Transitions: Cross dissolve (never wipe/swirl)
- Audio: Upbeat instrumental, 70% volume

## A/B Testing Tracker
Test monthly: Background colors, emoji placement, CTA wording
Metric: Saves rate (quality indicator for educational content)