# Sparkling Creatine — Figma Template Image Mapping

All 50 Creative OS templates in the "CREATINE (VOLUME 3)" Figma page have been populated with SETU copy. Designers need to place images as background fills on each template's wireframe frames.

## Source Assets

### Product Renders (use for product shots in templates)
- `assets/product-photography/renders/creatine-glutone-v2/creatine-box-v2.png` — Box render (primary)
- `assets/product-photography/renders/creatine-glutone-v2/creatine-sachet-v2.png` — Sachet render

### Hero / Ad Images (use as full-frame backgrounds)
Located in: `assets/product-photography/hero/creatine-glutone/`

### Lifestyle Photos
Located in: `assets/product-photography/lifestyle/creatine-glutone/`

---

## Template → Image Mapping

### T1 — "Pop, Sip, Done" (Lifestyle Hero)
- **Background**: `lifestyle-no-text-1114-1080x1080.jpg` or `lifestyle-no-text-1308-1080x1080.jpg`
- **Badge**: product sachet render

### T2 — "3 Ingredients Where Others Use 1" (Ingredient Breakdown with Arrows)
- **Center product shot**: Both box + sachet renders
- **Background**: Clean studio shot or `ingredient-no-text-0936-1080x1080.jpg`

### T3 — "Your Daily Brain & Body Drink" (Benefits Checklist)
- **Background**: `lifestyle-creatine-isnt-just-for-bo-1080x1080.jpg`
- Already has SETU Skin example image to replace

### T4 — "THE SPARKLING CREATINE" (Bold Hero Text)
- **Background**: `creatine-sparkling-berry-lemonade-hero-ai-01-1080x1080.jpg`

### T5 — "No Bloat!" (Testimonial)
- **Background**: `lifestyle-close-up-of-strong-toned--1080x1080.jpg`
- **Product cutout**: Box render

### T6 — "Best Seller" (Product Feature)
- **Product shot**: Box + sachet render on clean background
- **Background**: Warm studio shot

### T7 — "Day 1 vs Day 30" (Before/After Comparison)
- **Left**: `problem-close-up-of-shaky-hand-st-1080x1080.jpg` or similar "before"
- **Right**: `lifestyle-close-up-of-strong-toned--1080x1080.jpg` or similar "after"

### T8 — iMessage Style ("Wait... creatine is a BRAIN supplement too?!")
- **Product image slot**: Box render or `creatine-sparkling-berry-lemonade-hero-ai-01-1080x1080.jpg`

### T9 — Testimonial Quote
- **Background**: `lifestyle-your-brain-uses-more-crea-1080x1080.jpg`

### T10 — Grid / Educational (4 image grid)
- **4 images**: Use ingredient shots:
  1. `ingredient-beetroot-extract--creatin-1080x1080.jpg`
  2. `ingredient-dissolves-in-10-seconds-1080x1080.jpg`
  3. `ingredient-berry-lemonade-that-build-1080x1080.jpg`
  4. `ingredient-what-500mg-of-creatine-hc-1080x1080.jpg`

### T11 — Benefits List ("Welcome to Sparkling Creatine!")
- **Lifestyle slot**: `lifestyle-3-in-1-zero-bloat-1080x1080.jpg`

### T12 — Before/After ("Week 0 → Week 4")
- **Before**: Problem-state image
- **After**: Lifestyle/strength image

### T13 — Product Hero with Features
- **Product shot**: Box render, large center placement
- **Background**: Clean, minimal

### T14 — "SPARKLING CREATINE GLUTONE" (Feature Badges)
- **Product shot**: Box + sachet
- **Background**: `ad-feed-40x-more-soluble-than-monohydr-1080x1080.jpg`

### T15 — Grid Layout ("The Daily Brain & Body Drink")
- **Main image**: `creatine-glutone-hero-ai-01-1080x1080.jpg`
- **Grid images**: Lifestyle shots

### T16 — Clinical Study ("2.5x" stat)
- **Background**: `editorial-25x-cognitive-improvement-1080x1080.jpg`
- **Before/After**: Problem → lifestyle comparison

### T17 — Press/PR Quote
- **Product image**: `creatine-sparkling-berry-lemonade-hero-ai-01-1080x1080.jpg`

### T18 — "YOU WON'T BELIEVE THE RESULTS" (Before/After Dramatic)
- **Split images**: Problem → Results visual

### T19 — PSA Comparison ("Not All Creatines Are Equal")
- **Left product**: Sparkling Creatine box render (with benefits)
- **Right**: Generic monohydrate powder (greyed/crossed)

### T20 — Testimonial with Benefits
- **Background**: `lifestyle-your-brain-uses-more-crea-1080x1080.jpg`

### T21 — Ingredient Deep Dive
- **Background**: `ingredient-no-text-0936-1080x1080.jpg` or `ingredient-no-text-0997-1080x1920.jpg`
- **Product**: Box + sachet renders

### T22 — 5 Benefits List
- **Background**: `editorial-brain--muscle--energy-1080x1080.jpg`
- **Product**: Box render as anchor

### T23 — SALE (20% OFF)
- **Product**: Box + sachet renders
- **Background**: Bold, attention-grabbing

### T24 — Promo ("FIRST ORDER? 20% OFF")
- **Product**: Box render
- **Background**: `ad-feed-rs-50-per-day-1080x1080.jpg`

### T25 — Feature Badges ("Sparkling Creatine Berry Lemonade")
- **Background**: `lifestyle-creatine-that-actually-di-1080x1920.jpg` (story)
- **Product**: Sachet render

### T26 — "SETU vs MONOHYDRATE" Comparison Grid
- **Background**: Already has comparison visual (coffee cups) — replace with clean split comparison

### T27 — Features with Checks
- **Product**: Box render as hero
- **Background**: `ad-feed-3-ingredients-1-sachet-zero-bl-1080x1080.jpg`

### T28 — "16 Clinical Trials" (Stats + Benefits)
- **Background**: `editorial-mtor-activation-pathway-h-1080x1080.jpg`

### T29 — AirDrop Style
- **Product image**: `creatine-sparkling-berry-lemonade-hero-ai-01-1080x1080.jpg`

### T30 — Social Proof Messages
- **Background**: `lifestyle-no-text-1114-1080x1080.jpg`

### T31 — Product Showcase
- **Product images**: Box + sachet renders, lifestyle angles

### T32 — "CREATINE GLUTONE" Bundle/Multi-Feature
- **Product**: Box render center
- **Feature images**: Ingredient close-ups (228x228 each)

### T33 — "So Much Power Inside One Sachet"
- **Product**: Sachet render as hero
- **Background**: `ingredient-dissolves-in-10-seconds-1080x1080.jpg`

### T34 — "SETU vs OTHER BRANDS" Comparison Chart
- **Product images**: SETU box render (left), generic powder (right)
- **Background**: `comparison-no-text-1367-1080x1080.jpg`

### T35 — Product Hero ("THE SPARKLING CREATINE")
- **Product**: Box render, prominent placement
- **Background**: `creatine-glutone-hero-ai-01-1080x1080.jpg`

### T36 — How-To Guide
- **Product**: Sachet render with water
- **Background**: `ingredient-the-fizz-that-fuels-your--1080x1920.jpg` (story)

### T37 — Before/After with Product
- **Before/After**: Lifestyle comparison
- **Product**: Box render
- **Background**: `lifestyle-extreme-close-up-photogra-1080x1080.jpg`

### T38 — "Anatomy of a Sachet"
- **Product**: Sachet render (exploded/cutaway style)
- **Background**: Clean, ingredient-focused

### T39 — Multi-Testimonial
- **Background**: Lifestyle images for each testimonial row

### T40 — Social Proof / Influencer
- **Profile**: Lifestyle photo
- **Product**: `lifestyle-my-morning-ritual-takes-1-1080x1920.jpg`

### T41 — Twitter/X Style
- **Header image**: `editorial-a-nutritionists-supplemen-1080x1080.jpg`

### T42 — Customer Photos Grid ("ZERO BLOAT")
- **6 customer photos**: Use lifestyle shots
- **Product**: Box render

### T43 — Day 1 vs Day 30
- **Background**: `editorial-day-1-vs-day-30-on-creati-1080x1920.jpg`

### T44 — "Equal Part Brain and Body" (Lifestyle Brand)
- **Background**: `lifestyle-no-text-1055-1080x1920.jpg` (story) or `lifestyle-no-text-1114-1080x1080.jpg`

### T45 — Price Callout ("Rs.50")
- **Product**: Box render with sachet
- **Background**: `ad-feed-rs-50-per-day-1080x1080.jpg`

### T46 — "POP SIP GO" (Aspirational Lifestyle)
- **Background**: `lifestyle-the-10-second-performance-1080x1920.jpg`

### T47 — Editorial/Press Style
- **Product image**: `creatine-sparkling-berry-lemonade-hero-ai-01-1080x1080.jpg`

### T48 — "Why We Love CREATINE GLUTONE" (Benefits Detail)
- **Product**: Box render as anchor
- **Feature images**: Ingredient close-ups

### T49 — Magazine/Editorial Style
- **Product**: Box render
- **Background**: `editorial-brain--muscle--energy-1080x1080.jpg`

### T50 — "Ingredients That Really Work" (Ingredient Deep Dive)
- **Ingredient images**: Individual ingredient visuals
- **Background**: `ingredient-no-text-0936-1080x1080.jpg`

---

## Notes for Designers
1. Product renders are in `assets/product-photography/renders/creatine-glutone-v2/` — use v2 (no TruBeet)
2. All hero images are already 1080x1080 or 1080x1920 — they match template sizes exactly
3. Images named `no-text-XXXX` are clean backgrounds without copy — perfect for template overlays
4. Use box-v2.png for box shots and sachet-v2.png for sachet shots
5. The "EXAMPLE" column in Figma shows how the original brand used the template — use as visual reference for image placement