Nutri-E Marketing Assets & Screenshot Library¶

This directory contains organized marketing screenshots, images, and AI-searchable inventory for Nutri-E.

📁 Directory Structure¶

gdrive-sync/
├── screenshots/                      # Original full-size screenshots (126MB)
├── screenshots-resized/              # Optimized 800px versions (13MB) - AI-readable
├── screenshots-organized/            # Categorized final assets
│   ├── app-screenshots/             # Actual app UI (1 image)
│   ├── social-media/                # Engagement posts (16 images)
│   ├── educational-symptoms/        # Health awareness (11 images)
│   ├── marketing-features/          # Product features (17 images)
│   ├── customer-support/            # Support pages (5 images)
│   └── humor-memes/                 # Viral content (1 image)
├── screenshots-inventory.json        # Central searchable database (52 images)
├── search-screenshots.sh             # CLI search tool
├── AI_IMAGE_GENERATION_WORKFLOW.md   # Guide for generating new images
└── SCREENSHOTS_README.md             # This file

🔍 Quick Search¶

Find Images by Character¶

# Only Cuti-E (pink mascot) - 6 images
./gdrive-sync/search-screenshots.sh cuti-e-only

# Only Nutri-E (purple mascot) - 43 images
./gdrive-sync/search-screenshots.sh nutri-e-only

# Both mascots together - 2 images
./gdrive-sync/search-screenshots.sh both-mascots

Find Images by App Screen¶

# Shows Nutrients tab
./gdrive-sync/search-screenshots.sh screen Nutrients

# Shows Daily Summary
./gdrive-sync/search-screenshots.sh screen "Daily Summary"

# Shows notifications
./gdrive-sync/search-screenshots.sh screen notifications

# Shows barcode scanner
./gdrive-sync/search-screenshots.sh screen "barcode scanner"

Find Images by Category¶

./gdrive-sync/search-screenshots.sh category social-media
./gdrive-sync/search-screenshots.sh category educational-symptoms
./gdrive-sync/search-screenshots.sh category marketing-features
./gdrive-sync/search-screenshots.sh category customer-support
./gdrive-sync/search-screenshots.sh category app-screenshots
./gdrive-sync/search-screenshots.sh category humor-memes

Find Images by Text Content¶

# Find vitamin C related images
./gdrive-sync/search-screenshots.sh text "vitamin C"

# Find low niacin images
./gdrive-sync/search-screenshots.sh text "niacin"

# Find "stop scrolling" engagement posts
./gdrive-sync/search-screenshots.sh text "stop scrolling"

View Statistics¶

./gdrive-sync/search-screenshots.sh stats

Output:

📊 Inventory Statistics:

Total images: 52

By Category:
app-screenshots: 1 images
customer-support: 5 images
educational-symptoms: 11 images
humor-memes: 1 images
marketing-features: 17 images
social-media: 16 images

By Character:
  Nutri-E only: 43
  Cuti-E only: 6
  Both mascots: 2

👥 Brand Characters¶

Nutri-E (Purple/Blue Mascot)¶

Role: Primary brand mascot
Appearance: Egg-shaped, purple/blue, large cute eyes
Personality: Health-focused, knowledgeable, friendly
Usage: Main branding, app features, product demos
Count: 43 solo images + 2 with Cuti-E

Cuti-E (Pink/Coral Mascot)¶

Role: Companion mascot, support character
Appearance: Egg-shaped, pink/coral, large cute eyes
Personality: Caring, supportive, playful
Usage: Customer support, social engagement, help content
Count: 6 solo images + 2 with Nutri-E

📊 Inventory Details¶

The screenshots-inventory.json file contains structured metadata for all 52 images:

{
  "id": 1,
  "filename": "nutrients-tab.png",
  "category": "app-screenshots",
  "characters": ["Nutri-E"],
  "app_screens": ["Nutrients"],
  "features_shown": ["starred nutrients", "RDA progress bars"],
  "theme": "app-ui",
  "colors": ["purple", "orange", "green"],
  "text_visible": "Nutrients, Vitamin D, Vitamin B12...",
  "use_cases": ["app store screenshots", "feature demos"],
  "description": "Hand holding phone showing Nutrients tab..."
}

Searchable Fields¶

filename - Descriptive filename
category - Organizational category
characters - Which mascots appear (Nutri-E, Cuti-E, or both)
app_screens - Which app screens are visible
features_shown - Product features demonstrated
theme - Visual/messaging theme
colors - Dominant color palette
text_visible - Text content in image
use_cases - Intended usage (TikTok, Instagram, App Store, etc.)
description - Full description of image content

🎨 Generating New Images¶

When you need new marketing images:

Search first - Check if suitable image exists
Review guidelines - Read AI_IMAGE_GENERATION_WORKFLOW.md
Generate via ChatGPT/DALL-E - Follow prompt templates
Save and document - Add to inventory immediately

See AI_IMAGE_GENERATION_WORKFLOW.md for complete workflow.

🗂️ File Organization¶

Original Screenshots¶

Location: screenshots/
Size: 2MB per image (126MB total)
Purpose: Archival, high-quality source
DO NOT use for AI reading - Too large, causes API errors

Resized Screenshots¶

Location: screenshots-resized/
Size: ~480KB per image (13MB total)
Purpose: AI-readable, optimized for analysis
Use for: Reading with AI tools, analysis, searching

Organized Screenshots¶

Location: screenshots-organized/[category]/
Naming: Descriptive names (e.g., scan-barcode.png)
Purpose: Production-ready assets for marketing
Use for: Social media posts, website, app store

📝 Inventory Maintenance¶

Adding New Images¶

Generate/obtain image

Save to organized folder:

cp new-image.png gdrive-sync/screenshots-organized/social-media/descriptive-name.png

Update inventory:
Edit screenshots-inventory.json
Add new entry with all metadata
Increment total_images count

Verify searchability:

./gdrive-sync/search-screenshots.sh list-all

Quality Checklist¶

Before adding to inventory: - [ ] Image is optimized (<1MB for web) - [ ] Filename is descriptive (no UUIDs) - [ ] Category is correct - [ ] Characters are accurately listed - [ ] Description is complete - [ ] Use cases are defined - [ ] Text content is transcribed

🎯 Common Use Cases¶

./gdrive-sync/search-screenshots.sh category educational-symptoms
./gdrive-sync/search-screenshots.sh text "vitamin"

Need: App Feature Screenshot for App Store¶

./gdrive-sync/search-screenshots.sh category app-screenshots
./gdrive-sync/search-screenshots.sh feature "barcode scanning"

Need: Customer Support Page Image¶

./gdrive-sync/search-screenshots.sh cuti-e-only
./gdrive-sync/search-screenshots.sh category customer-support

Need: Engagement Post with Both Mascots¶

./gdrive-sync/search-screenshots.sh both-mascots

🔧 Technical Details¶

JSON Structure¶

The inventory uses a flat array structure for easy querying:

{
  "version": "2.0",
  "last_updated": "2025-10-25",
  "total_images": 52,
  "images": [...],
  "search_examples": {...},
  "metadata": {
    "categories": [...],
    "characters": [...],
    "app_screens": [...],
    "themes": [...]
  }
}

Search Script (Bash + jq)¶

The search-screenshots.sh script uses jq for JSON parsing:

# Example: Find images with specific character
jq '.images[] | select(.characters | contains(["Cuti-E"])) | {filename, description}' screenshots-inventory.json

Image Optimization¶

Resized images use ImageMagick:

magick input.png -resize 800x800\> -quality 85 output.png

This reduces file size by ~90% while maintaining visual quality.

MARKETING_GUIDE.md - Complete branding guidelines, DALL-E prompts, video workflows
CLAUDE.md - Technical project documentation
AI_IMAGE_GENERATION_WORKFLOW.md - Step-by-step guide for generating new images
website/ - Marketing website source files

🆘 Troubleshooting¶

Search script not working¶

chmod +x gdrive-sync/search-screenshots.sh

Can't read large images¶

Use resized versions in screenshots-resized/ instead of screenshots/

JSON syntax errors¶

Validate with:

jq . gdrive-sync/screenshots-inventory.json

Missing images in search results¶

Check that: 1. Image exists in screenshots-organized/[category]/ 2. Entry exists in screenshots-inventory.json 3. total_images count is accurate

🎨 Brand Assets¶

All images follow brand guidelines:

Nutri-E Colors: Purple (#8B7BD1), Blue, Violet Cuti-E Colors: Pink (#FF9CAC), Coral, Pastel

Style: 3D render, clean, professional, health-focused Format: PNG (transparency support) Resolution: 800x800+ (web-optimized)

📊 Image Categories¶

Category	Count	Primary Use
social-media	16	TikTok, Instagram engagement
marketing-features	17	Product demos, app features
educational-symptoms	11	Health awareness, symptoms
customer-support	5	Support pages, help content
app-screenshots	1	Actual UI screenshots
humor-memes	1	Viral content

Total: 52 images

Last Updated: October 2025 Maintained By: AI-assisted marketing asset management