Name: emn-packaging
Author: yceutche

Prompt file imported from yceutche/product-design (.github/prompts/emn-packaging.prompt.md). Copyright stays with the author.

EMN Packaging Design Generator

Mission

Create an enterprise-grade packaging design generator for this product:

Product name: Evele Mbole Nlan
Abbreviation: EMN
Product category: Unrefined red palm oil / Huile de palme rouge non raffinée
Bottle sizes: 5L, 1L, 0.5L
Producer: SCOOPS FUNA

The application must generate:

Front label
Back label
Bottle packaging mockup with labels applied
2 design models (both bilingual FR/EN):
- Cameroon retail model
- Export model

Critical Brand / Layout Rules

IMPORTANT: Logo Placement

The SCOOPS FUNA logo must be placed on the BACK label, not as the main hero on the front
The front label must focus on EMN and the product name
Do not make the front label crowded with corporate information

Front Label Hierarchy

EMN
Evele Mbole Nlan
Product descriptor
Palm fruit / palm tree imagery
Net quantity
Optional subtle "Product of Cameroon / Produit du Cameroun"

Back Label Hierarchy

Produit de la SCOOPS FUNA / Product of SCOOPS FUNA
SCOOPS FUNA logo
Cooperative identity and contact details
Ingredients / storage / origin / traceability
Regulatory placeholders
Barcode / QR / recycling zone

Official Cooperative Data (Preload in Config)

brandShort: SCOOPS FUNA

brandLegalNameFr: Société Coopérative Simplifié agro-pastorale des Forces unies de NDJANTOM-ADJAP
brandLegalNameEn: Simplified agro-pastoral cooperative society — Forces Unies de NDJANTOUM-ADJA(FUNA)

registrationFr: Immatriculation 25/046/CMR/CE/02/007/COS/032004/032004000
registrationEn: Registration No.: 25/046/CMR/CE/02/007/COS/032004/032004000

siteNameFr: COMPLEXE AGRO-PASTORAL DE NDJANTOM-ADJAP
siteNameEn: AGRO-PASTORAL COMPLEX OF NDJANTOM-ADJAP

headOfficeFr: Siège social : NDJANTOUM-ADJAP
headOfficeEn: Head Office: NDJANTOUM-ADJAP

postalFr: BP : 275 Sangmélima
postalEn: P.O. Box: 275 Sangmélima

phones:
  - Cameroon: +237 6 93 05 80 02 / +237 6 71 67 25 80
  - France: +33 7 49 90 64 71
  - Germany: +49 176 63 13 68 58

website: https://scoopsfuna.com

CRITICAL: All cooperative data must live in editable configuration files and must never be hardcoded.

Product Data (Preload in Config)

productName: Evele Mbole Nlan
productShort: EMN

productTypeFr: Huile de palme rouge non raffinée
productTypeEn: Unrefined red palm oil

ingredientsFr: Ingrédients : 100 % huile de palme rouge non raffinée
ingredientsEn: Ingredients: 100% unrefined red palm oil

originFr: Origine : Cameroun
originEn: Origin: Cameroon

storageFr: À conserver à l'abri de la chaleur et de la lumière. Bien refermer après ouverture.
storageEn: Store away from heat and direct light. Close tightly after opening.

producerLineFr: Produit de la SCOOPS FUNA
producerLineEn: Product of SCOOPS FUNA

Design Goal

Create a state-of-the-art, shelf-ready, export-capable visual identity.

Must feel:

premium
trustworthy
African but modern
authentic, not folkloric
internationally legible
strong on local retail shelves
strong in afroshops in Europe, the UK, and North America

Avoid:

amateur aesthetics
visual clutter
childish visuals
low-trust aesthetics
fake certifications
medical/health claims
overuse of gradients
poor typography

Creative Direction

Visual Identity

premium Afro-modern
elegant but warm
international supermarket quality
clean grid-based composition
vector-first execution

Color Palette Inspiration

deep red palm oil
warm amber / golden oil tones
rich dark green
natural leaf green
ivory / cream neutrals
charcoal typography

Imagery

stylized red palm nuts / palm fruit bunches
oil palm tree
palm leaves
subtle agricultural framing
refined vector illustration, not clipart

Typography

premium display style for EMN
modern sans-serif for product, bilingual, and regulatory text
strong readability at small print sizes

Market Mode Differentiation

Cameroon Model

Bilingual FR/EN
More expressive and warm
More emotionally rich
Slightly more decorative
Still professional and export-quality
Optimized for local retail recognition

Export Model

Bilingual FR/EN
Cleaner and more restrained
More structured
More white space
Stronger regulatory hierarchy
Optimized for afroshops and international retail

IMPORTANT: Do not create monolingual versions by default. Both models must support French and English together.

Label Requirements

Front Label Must Include

EMN as dominant hero mark
Evele Mbole Nlan
Bilingual product descriptor (FR/EN)
Visual of red palm fruit and/or palm tree
Net quantity
Optional subtle provenance line

IMPORTANT: Do NOT place the main SCOOPS FUNA logo on the front by default.

Create front templates for: 5L, 1L, 0.5L

Back Label Must Include

SCOOPS FUNA logo prominently but tastefully
Produit de la SCOOPS FUNA / Product of SCOOPS FUNA
Legal/cooperative identity block
Registration number
Head office
Postal address
Phone numbers
Website
Ingredients
Storage instructions
Origin
Lot placeholder
Best before placeholder
Nutrition table placeholder
Barcode area
QR code area
Recycling area
Importer/distributor placeholder for export model
Traceability block

Back label must be clear, structured, readable, and professional.

Regulatory Architecture

CRITICAL RULES:

Do NOT invent legal certifications
Do NOT falsely claim compliance
Do NOT say "EU certified" or "UK approved"

Instead:

Create proper editable placeholders and sections for final legal review
Add structured fields for:
- [LOT]
- [BBE]
- [NUTRITION VALUES TO BE VALIDATED]
- [IMPORTER / DISTRIBUTOR]
- [BARCODE]
- [EAN]
- [COUNTRY OF ORIGIN – FINAL REVIEW]
- [RECYCLING MARKS]
- [PACKAGING MATERIAL INFO]

For the export version, design the back label so it can be finalized by a regulatory reviewer without rebuilding the UI.

Tech Stack

Frontend

React
TypeScript
Vite
Tailwind CSS
clsx
zod
react-hook-form
lucide-react
qrcode.react
html-to-image or dom-to-image-more
pdf-lib or @react-pdf/renderer
framer-motion (subtle, if needed)

Python Export

Python 3
Pillow
CairoSVG or ReportLab if needed

Python script requirements:

Batch export labels from JSON/SVG config
Generate PNG and PDF outputs
Support all bottle sizes
Support Cameroon and Export models

App Requirements

Build a real working application, not static images.

User Capabilities

Choose market model: Cameroon or Export
Choose bottle size: 5L, 1L, 0.5L
Edit all label texts live
Toggle bilingual content blocks
Edit regulatory placeholders
Change color theme within brand-safe limits
Preview front label
Preview back label
Preview full bottle mockup
Export SVG
Export PNG
Export PDF

UI Features

Left editor panel
Right live preview panel
Clean professional controls
Reusable configuration-driven architecture

Rendering Requirements

Labels

SVG-first rendering
Scalable vector components for:
- Label frame
- Product title
- Palm visuals
- Cooperative badge areas
- Nutrition table
- Regulatory blocks

Bottle Mockups

Reusable bottle silhouette components
Label wrapping effect
Front and 3/4 view options
Realistic but vector-friendly shading
Transparent or amber bottle feel
Yellow/gold cap option

Project Structure

src/
  app/
  assets/
  components/
    editor/
    labels/
      FrontLabel.tsx
      BackLabel.tsx
      LabelCanvas.tsx
      LabelFrame.tsx
      LogoBlock.tsx
      PalmFruitArt.tsx
      PalmTreeArt.tsx
      NutritionTable.tsx
      RegulatoryBlock.tsx
      CooperativeInfoBlock.tsx
    mockups/
      BottleMockup.tsx
      Bottle5L.tsx
      Bottle1L.tsx
      Bottle500ml.tsx
  config/
    brand.ts
    product.ts
    markets.ts
    regulatory.ts
    presets.ts
  lib/
    exportSvg.ts
    exportPng.ts
    exportPdf.ts
  types/
    schema.ts
    models.ts
  utils/
  pages/

scripts/
  export_labels.py

README.md

Data Model

Create typed schemas with zod for:

BrandConfig
ProductConfig
MarketMode
BottleSize
LabelVariant
RegulatoryFields
NutritionFields
ContactFields

All text, market settings, logo usage, and sizes must be config-driven.

Implementation Rules

Use clean TypeScript
Use reusable components
Use strong typing
Keep code maintainable
Add comments only where helpful
Do not overengineer
Make it easy to extend to future products
Make all business data editable from config
Make logo path configurable
Provide sensible default placeholders

README Requirements

Write a README explaining:

How to install
How to run
How to replace the logo
How to update product data
How to update SCOOPS FUNA data
How to export assets
How to use the Python batch export script
Where legal validation is still required before commercial release

Workflow Instructions

Work in phases and actually create files.

Phase 1: Scaffold and setup

Inspect workspace assets
Scaffold Vite + React + TypeScript app
Install and configure Tailwind
Create base folder structure

Phase 2: Config and schemas

Create schemas and config files
Centralize all brand/product/cooperative data

Phase 3: Label systems

Create front label system
Create back label system
Ensure logo is only placed on back label by default

Phase 4: Bottle mockups

Create bottle mockup system
Support 5L / 1L / 0.5L

Phase 5: Export utilities

Create SVG / PNG / PDF export
Python batch exporter

Phase 6: Editor UI

Create polished editor UI
Live preview
Presets for Cameroon / Export

Phase 7: Documentation

Write README
List outstanding regulatory placeholders clearly

After each phase:

Summarize what was created
List files added or modified
Propose the next phase
Continue automatically unless blocked

Final Quality Bar

The result must look like an enterprise-grade product packaging generator for a serious export-capable food brand from Cameroon.

The front must feel iconic and commercial.
The back must feel credible, organized, and regulation-ready.
The SCOOPS FUNA logo must live on the back with cooperative information.
Both Cameroon and Export variants must remain bilingual FR/EN.

Install emn-packaging and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

# EMN Packaging Design Generator ## Mission Create an enterprise-grade packaging design generator for this product: **Product name:** Evele Mbole Nlan **Abbreviation:** EMN **Product category:** Unrefined red palm oil / Huile de palme rouge non raffinée **Bottle sizes:** 5L, 1L, 0.5L **Producer:** SCOOPS FUNA The application must generate: 1. Front label 2. Back label 3. Bottle packaging mockup with labels applied 4. 2 design models (both bilingual FR/EN): - Cameroon retail model - Export model ## Critical Brand / Layout Rules ### IMPORTANT: Logo Placement - The SCOOPS FUNA logo must be placed on the **BACK label**, not as the main hero on the front - The front label must focus on EMN and the product name - Do not make the front label crowded with corporate information ### Front Label Hierarchy 1. EMN 2. Evele Mbole Nlan 3. Product descriptor 4. Palm fruit / palm tree imagery 5. Net quantity 6. Optional subtle "Product of Cameroon / Produit du Cameroun" ### Back Label Hierarchy 1. Produit de la SCOOPS FUNA / Product of SCOOPS FUNA 2. SCOOPS FUNA logo 3. Cooperative identity and contact details 4. Ingredients / storage / origin / traceability 5. Regulatory placeholders 6. Barcode / QR / recycling zone ## Official Cooperative Data (Preload in Config) ``` brandShort: SCOOPS FUNA brandLegalNameFr: Société Coopérative Simplifié agro-pastorale des Forces unies de NDJANTOM-ADJAP brandLegalNameEn: Simplified agro-pastoral cooperative society — Forces Unies de NDJANTOUM-ADJA(FUNA) registrationFr: Immatriculation 25/046/CMR/CE/02/007/COS/032004/032004000 registrationEn: Registration No.: 25/046/CMR/CE/02/007/COS/032004/032004000 siteNameFr: COMPLEXE AGRO-PASTORAL DE NDJANTOM-ADJAP siteNameEn: AGRO-PASTORAL COMPLEX OF NDJANTOM-ADJAP headOfficeFr: Siège social : NDJANTOUM-ADJAP headOfficeEn: Head Office: NDJANTOUM-ADJAP postalFr: BP : 275 Sangmélima postalEn: P.O. Box: 275 Sangmélima phones: - Cameroon: +237 6 93 05 80 02 / +237 6 71 67 25 80 - France: +33 7 49 90 64 71 - Germany: +49 176 63 13 68 58 website: https://scoopsfuna.com ``` **CRITICAL:** All cooperative data must live in editable configuration files and must never be hardcoded. ## Product Data (Preload in Config) ``` productName: Evele Mbole Nlan productShort: EMN productTypeFr: Huile de palme rouge non raffinée productTypeEn: Unrefined red palm oil ingredientsFr: Ingrédients : 100 % huile de palme rouge non raffinée ingredientsEn: Ingredients: 100% unrefined red palm oil originFr: Origine : Cameroun originEn: Origin: Cameroon storageFr: À conserver à l'abri de la chaleur et de la lumière. Bien refermer après ouverture. storageEn: Store away from heat and direct light. Close tightly after opening. producerLineFr: Produit de la SCOOPS FUNA producerLineEn: Product of SCOOPS FUNA ``` ## Design Goal Create a state-of-the-art, shelf-ready, export-capable visual identity. Must feel: - premium - trustworthy - African but modern - authentic, not folkloric - internationally legible - strong on local retail shelves - strong in afroshops in Europe, the UK, and North America Avoid: - amateur aesthetics - visual clutter - childish visuals - low-trust aesthetics - fake certifications - medical/health claims - overuse of gradients - poor typography ## Creative Direction ### Visual Identity - premium Afro-modern - elegant but warm - international supermarket quality - clean grid-based composition - vector-first execution ### Color Palette Inspiration - deep red palm oil - warm amber / golden oil tones - rich dark green - natural leaf green - ivory / cream neutrals - charcoal typography ### Imagery - stylized red palm nuts / palm fruit bunches - oil palm tree - palm leaves - subtle agricultural framing - refined vector illustration, not clipart ### Typography - premium display style for EMN - modern sans-serif for product, bilingual, and regulatory text - strong readability at small print sizes ## Market Mode Differentiation ### Cameroon Model - Bilingual FR/EN - More expressive and warm - More emotionally rich - Slightly more decorative - Still professional and export-quality - Optimized for local retail recognition ### Export Model - Bilingual FR/EN - Cleaner and more restrained - More structured - More white space - Stronger regulatory hierarchy - Optimized for afroshops and international retail **IMPORTANT:** Do not create monolingual versions by default. Both models must support French and English together. ## Label Requirements ### Front Label Must Include - EMN as dominant hero mark - Evele Mbole Nlan - Bilingual product descriptor (FR/EN) - Visual of red palm fruit and/or palm tree - Net quantity - Optional subtle provenance line **IMPORTANT:** Do NOT place the main SCOOPS FUNA logo on the front by default. Create front templates for: 5L, 1L, 0.5L ### Back Label Must Include - SCOOPS FUNA logo prominently but tastefully - Produit de la SCOOPS FUNA / Product of SCOOPS FUNA - Legal/cooperative identity block - Registration number - Head office - Postal address - Phone numbers - Website - Ingredients - Storage instructions - Origin - Lot placeholder - Best before placeholder - Nutrition table placeholder - Barcode area - QR code area - Recycling area - Importer/distributor placeholder for export model - Traceability block Back label must be clear, structured, readable, and professional. ## Regulatory Architecture **CRITICAL RULES:** - Do NOT invent legal certifications - Do NOT falsely claim compliance - Do NOT say "EU certified" or "UK approved" Instead: - Create proper editable placeholders and sections for final legal review - Add structured fields for: - [LOT] - [BBE] - [NUTRITION VALUES TO BE VALIDATED] - [IMPORTER / DISTRIBUTOR] - [BARCODE] - [EAN] - [COUNTRY OF ORIGIN – FINAL REVIEW] - [RECYCLING MARKS] - [PACKAGING MATERIAL INFO] For the export version, design the back label so it can be finalized by a regulatory reviewer without rebuilding the UI. ## Tech Stack ### Frontend - React - TypeScript - Vite - Tailwind CSS - clsx - zod - react-hook-form - lucide-react - qrcode.react - html-to-image or dom-to-image-more - pdf-lib or @react-pdf/renderer - framer-motion (subtle, if needed) ### Python Export - Python 3 - Pillow - CairoSVG or ReportLab if needed Python script requirements: - Batch export labels from JSON/SVG config - Generate PNG and PDF outputs - Support all bottle sizes - Support Cameroon and Export models ## App Requirements Build a real working application, not static images. ### User Capabilities - Choose market model: Cameroon or Export - Choose bottle size: 5L, 1L, 0.5L - Edit all label texts live - Toggle bilingual content blocks - Edit regulatory placeholders - Change color theme within brand-safe limits - Preview front label - Preview back label - Preview full bottle mockup - Export SVG - Export PNG - Export PDF ### UI Features - Left editor panel - Right live preview panel - Clean professional controls - Reusable configuration-driven architecture ## Rendering Requirements ### Labels - SVG-first rendering - Scalable vector components for: - Label frame - Product title - Palm visuals - Cooperative badge areas - Nutrition table - Regulatory blocks ### Bottle Mockups - Reusable bottle silhouette components - Label wrapping effect - Front and 3/4 view options - Realistic but vector-friendly shading - Transparent or amber bottle feel - Yellow/gold cap option ## Project Structure ``` src/ app/ assets/ components/ editor/ labels/ FrontLabel.tsx BackLabel.tsx LabelCanvas.tsx LabelFrame.tsx LogoBlock.tsx PalmFruitArt.tsx PalmTreeArt.tsx NutritionTable.tsx RegulatoryBlock.tsx CooperativeInfoBlock.tsx mockups/ BottleMockup.tsx Bottle5L.tsx Bottle1L.tsx Bottle500ml.tsx config/ brand.ts product.ts markets.ts regulatory.ts presets.ts lib/ exportSvg.ts exportPng.ts exportPdf.ts types/ schema.ts models.ts utils/ pages/ scripts/ export_labels.py README.md ``` ## Data Model Create typed schemas with zod for: - BrandConfig - ProductConfig - MarketMode - BottleSize - LabelVariant - RegulatoryFields - NutritionFields - ContactFields All text, market settings, logo usage, and sizes must be config-driven. ## Implementation Rules - Use clean TypeScript - Use reusable components - Use strong typing - Keep code maintainable - Add comments only where helpful - Do not overengineer - Make it easy to extend to future products - Make all business data editable from config - Make logo path configurable - Provide sensible default placeholders ## README Requirements Write a README explaining: - How to install - How to run - How to replace the logo - How to update product data - How to update SCOOPS FUNA data - How to export assets - How to use the Python batch export script - Where legal validation is still required before commercial release ## Workflow Instructions Work in phases and actually create files. **Phase 1:** Scaffold and setup - Inspect workspace assets - Scaffold Vite + React + TypeScript app - Install and configure Tailwind - Create base folder structure **Phase 2:** Config and schemas - Create schemas and config files - Centralize all brand/product/cooperative data **Phase 3:** Label systems - Create front label system - Create back label system - Ensure logo is only placed on back label by default **Phase 4:** Bottle mockups - Create bottle mockup system - Support 5L / 1L / 0.5L **Phase 5:** Export utilities - Create SVG / PNG / PDF export - Python batch exporter **Phase 6:** Editor UI - Create polished editor UI - Live preview - Presets for Cameroon / Export **Phase 7:** Documentation - Write README - List outstanding regulatory placeholders clearly After each phase: - Summarize what was created - List files added or modified - Propose the next phase - Continue automatically unless blocked ## Final Quality Bar The result must look like an enterprise-grade product packaging generator for a serious export-capable food brand from Cameroon. - The front must feel iconic and commercial. - The back must feel credible, organized, and regulation-ready. - The SCOOPS FUNA logo must live on the back with cooperative information. - Both Cameroon and Export variants must remain bilingual FR/EN.

{ "prompt": "# EMN Packaging Design Generator\n\n## Mission\n\nCreate an enterprise-grade packaging design generator for this product:\n\n**Product name:** Evele Mbole Nlan \n**Abbreviation:** EMN \n**Product category:** Unrefined red palm oil / Huile de palme rouge non raffinée \n**Bottle sizes:** 5L, 1L, 0.5L \n**Producer:** SCOOPS FUNA \n\nThe application must generate:\n1. Front label\n2. Back label\n3. Bottle packaging mockup with labels applied\n4. 2 design models (both bilingual FR/EN):\n - Cameroon retail model\n - Export model\n\n## Critical Brand / Layout Rules\n\n### IMPORTANT: Logo Placement\n- The SCOOPS FUNA logo must be placed on the **BACK label**, not as the main hero on the front\n- The front label must focus on EMN and the product name\n- Do not make the front label crowded with corporate information\n\n### Front Label Hierarchy\n1. EMN\n2. Evele Mbole Nlan\n3. Product descriptor\n4. Palm fruit / palm tree imagery\n5. Net quantity\n6. Optional subtle \"Product of Cameroon / Produit du Cameroun\"\n\n### Back Label Hierarchy\n1. Produit de la SCOOPS FUNA / Product of SCOOPS FUNA\n2. SCOOPS FUNA logo\n3. Cooperative identity and contact details\n4. Ingredients / storage / origin / traceability\n5. Regulatory placeholders\n6. Barcode / QR / recycling zone\n\n## Official Cooperative Data (Preload in Config)\n\n```\nbrandShort: SCOOPS FUNA\n\nbrandLegalNameFr: Société Coopérative Simplifié agro-pastorale des Forces unies de NDJANTOM-ADJAP\nbrandLegalNameEn: Simplified agro-pastoral cooperative society — Forces Unies de NDJANTOUM-ADJA(FUNA)\n\nregistrationFr: Immatriculation 25/046/CMR/CE/02/007/COS/032004/032004000\nregistrationEn: Registration No.: 25/046/CMR/CE/02/007/COS/032004/032004000\n\nsiteNameFr: COMPLEXE AGRO-PASTORAL DE NDJANTOM-ADJAP\nsiteNameEn: AGRO-PASTORAL COMPLEX OF NDJANTOM-ADJAP\n\nheadOfficeFr: Siège social : NDJANTOUM-ADJAP\nheadOfficeEn: Head Office: NDJANTOUM-ADJAP\n\npostalFr: BP : 275 Sangmélima\npostalEn: P.O. Box: 275 Sangmélima\n\nphones:\n - Cameroon: +237 6 93 05 80 02 / +237 6 71 67 25 80\n - France: +33 7 49 90 64 71\n - Germany: +49 176 63 13 68 58\n\nwebsite: https://scoopsfuna.com\n```\n\n**CRITICAL:** All cooperative data must live in editable configuration files and must never be hardcoded.\n\n## Product Data (Preload in Config)\n\n```\nproductName: Evele Mbole Nlan\nproductShort: EMN\n\nproductTypeFr: Huile de palme rouge non raffinée\nproductTypeEn: Unrefined red palm oil\n\ningredientsFr: Ingrédients : 100 % huile de palme rouge non raffinée\ningredientsEn: Ingredients: 100% unrefined red palm oil\n\noriginFr: Origine : Cameroun\noriginEn: Origin: Cameroon\n\nstorageFr: À conserver à l'abri de la chaleur et de la lumière. Bien refermer après ouverture.\nstorageEn: Store away from heat and direct light. Close tightly after opening.\n\nproducerLineFr: Produit de la SCOOPS FUNA\nproducerLineEn: Product of SCOOPS FUNA\n```\n\n## Design Goal\n\nCreate a state-of-the-art, shelf-ready, export-capable visual identity.\n\nMust feel:\n- premium\n- trustworthy\n- African but modern\n- authentic, not folkloric\n- internationally legible\n- strong on local retail shelves\n- strong in afroshops in Europe, the UK, and North America\n\nAvoid:\n- amateur aesthetics\n- visual clutter\n- childish visuals\n- low-trust aesthetics\n- fake certifications\n- medical/health claims\n- overuse of gradients\n- poor typography\n\n## Creative Direction\n\n### Visual Identity\n- premium Afro-modern\n- elegant but warm\n- international supermarket quality\n- clean grid-based composition\n- vector-first execution\n\n### Color Palette Inspiration\n- deep red palm oil\n- warm amber / golden oil tones\n- rich dark green\n- natural leaf green\n- ivory / cream neutrals\n- charcoal typography\n\n### Imagery\n- stylized red palm nuts / palm fruit bunches\n- oil palm tree\n- palm leaves\n- subtle agricultural framing\n- refined vector illustration, not clipart\n\n### Typography\n- premium display style for EMN\n- modern sans-serif for product, bilingual, and regulatory text\n- strong readability at small print sizes\n\n## Market Mode Differentiation\n\n### Cameroon Model\n- Bilingual FR/EN\n- More expressive and warm\n- More emotionally rich\n- Slightly more decorative\n- Still professional and export-quality\n- Optimized for local retail recognition\n\n### Export Model\n- Bilingual FR/EN\n- Cleaner and more restrained\n- More structured\n- More white space\n- Stronger regulatory hierarchy\n- Optimized for afroshops and international retail\n\n**IMPORTANT:** Do not create monolingual versions by default. Both models must support French and English together.\n\n## Label Requirements\n\n### Front Label Must Include\n- EMN as dominant hero mark\n- Evele Mbole Nlan\n- Bilingual product descriptor (FR/EN)\n- Visual of red palm fruit and/or palm tree\n- Net quantity\n- Optional subtle provenance line\n\n**IMPORTANT:** Do NOT place the main SCOOPS FUNA logo on the front by default.\n\nCreate front templates for: 5L, 1L, 0.5L\n\n### Back Label Must Include\n- SCOOPS FUNA logo prominently but tastefully\n- Produit de la SCOOPS FUNA / Product of SCOOPS FUNA\n- Legal/cooperative identity block\n- Registration number\n- Head office\n- Postal address\n- Phone numbers\n- Website\n- Ingredients\n- Storage instructions\n- Origin\n- Lot placeholder\n- Best before placeholder\n- Nutrition table placeholder\n- Barcode area\n- QR code area\n- Recycling area\n- Importer/distributor placeholder for export model\n- Traceability block\n\nBack label must be clear, structured, readable, and professional.\n\n## Regulatory Architecture\n\n**CRITICAL RULES:**\n- Do NOT invent legal certifications\n- Do NOT falsely claim compliance\n- Do NOT say \"EU certified\" or \"UK approved\"\n\nInstead:\n- Create proper editable placeholders and sections for final legal review\n- Add structured fields for:\n - [LOT]\n - [BBE]\n - [NUTRITION VALUES TO BE VALIDATED]\n - [IMPORTER / DISTRIBUTOR]\n - [BARCODE]\n - [EAN]\n - [COUNTRY OF ORIGIN – FINAL REVIEW]\n - [RECYCLING MARKS]\n - [PACKAGING MATERIAL INFO]\n\nFor the export version, design the back label so it can be finalized by a regulatory reviewer without rebuilding the UI.\n\n## Tech Stack\n\n### Frontend\n- React\n- TypeScript\n- Vite\n- Tailwind CSS\n- clsx\n- zod\n- react-hook-form\n- lucide-react\n- qrcode.react\n- html-to-image or dom-to-image-more\n- pdf-lib or @react-pdf/renderer\n- framer-motion (subtle, if needed)\n\n### Python Export\n- Python 3\n- Pillow\n- CairoSVG or ReportLab if needed\n\nPython script requirements:\n- Batch export labels from JSON/SVG config\n- Generate PNG and PDF outputs\n- Support all bottle sizes\n- Support Cameroon and Export models\n\n## App Requirements\n\nBuild a real working application, not static images.\n\n### User Capabilities\n- Choose market model: Cameroon or Export\n- Choose bottle size: 5L, 1L, 0.5L\n- Edit all label texts live\n- Toggle bilingual content blocks\n- Edit regulatory placeholders\n- Change color theme within brand-safe limits\n- Preview front label\n- Preview back label\n- Preview full bottle mockup\n- Export SVG\n- Export PNG\n- Export PDF\n\n### UI Features\n- Left editor panel\n- Right live preview panel\n- Clean professional controls\n- Reusable configuration-driven architecture\n\n## Rendering Requirements\n\n### Labels\n- SVG-first rendering\n- Scalable vector components for:\n - Label frame\n - Product title\n - Palm visuals\n - Cooperative badge areas\n - Nutrition table\n - Regulatory blocks\n\n### Bottle Mockups\n- Reusable bottle silhouette components\n- Label wrapping effect\n- Front and 3/4 view options\n- Realistic but vector-friendly shading\n- Transparent or amber bottle feel\n- Yellow/gold cap option\n\n## Project Structure\n\n```\nsrc/\n app/\n assets/\n components/\n editor/\n labels/\n FrontLabel.tsx\n BackLabel.tsx\n LabelCanvas.tsx\n LabelFrame.tsx\n LogoBlock.tsx\n PalmFruitArt.tsx\n PalmTreeArt.tsx\n NutritionTable.tsx\n RegulatoryBlock.tsx\n CooperativeInfoBlock.tsx\n mockups/\n BottleMockup.tsx\n Bottle5L.tsx\n Bottle1L.tsx\n Bottle500ml.tsx\n config/\n brand.ts\n product.ts\n markets.ts\n regulatory.ts\n presets.ts\n lib/\n exportSvg.ts\n exportPng.ts\n exportPdf.ts\n types/\n schema.ts\n models.ts\n utils/\n pages/\n\nscripts/\n export_labels.py\n\nREADME.md\n```\n\n## Data Model\n\nCreate typed schemas with zod for:\n- BrandConfig\n- ProductConfig\n- MarketMode\n- BottleSize\n- LabelVariant\n- RegulatoryFields\n- NutritionFields\n- ContactFields\n\nAll text, market settings, logo usage, and sizes must be config-driven.\n\n## Implementation Rules\n\n- Use clean TypeScript\n- Use reusable components\n- Use strong typing\n- Keep code maintainable\n- Add comments only where helpful\n- Do not overengineer\n- Make it easy to extend to future products\n- Make all business data editable from config\n- Make logo path configurable\n- Provide sensible default placeholders\n\n## README Requirements\n\nWrite a README explaining:\n- How to install\n- How to run\n- How to replace the logo\n- How to update product data\n- How to update SCOOPS FUNA data\n- How to export assets\n- How to use the Python batch export script\n- Where legal validation is still required before commercial release\n\n## Workflow Instructions\n\nWork in phases and actually create files.\n\n**Phase 1:** Scaffold and setup\n- Inspect workspace assets\n- Scaffold Vite + React + TypeScript app\n- Install and configure Tailwind\n- Create base folder structure\n\n**Phase 2:** Config and schemas\n- Create schemas and config files\n- Centralize all brand/product/cooperative data\n\n**Phase 3:** Label systems\n- Create front label system\n- Create back label system\n- Ensure logo is only placed on back label by default\n\n**Phase 4:** Bottle mockups\n- Create bottle mockup system\n- Support 5L / 1L / 0.5L\n\n**Phase 5:** Export utilities\n- Create SVG / PNG / PDF export\n- Python batch exporter\n\n**Phase 6:** Editor UI\n- Create polished editor UI\n- Live preview\n- Presets for Cameroon / Export\n\n**Phase 7:** Documentation\n- Write README\n- List outstanding regulatory placeholders clearly\n\nAfter each phase:\n- Summarize what was created\n- List files added or modified\n- Propose the next phase\n- Continue automatically unless blocked\n\n## Final Quality Bar\n\nThe result must look like an enterprise-grade product packaging generator for a serious export-capable food brand from Cameroon.\n\n- The front must feel iconic and commercial.\n- The back must feel credible, organized, and regulation-ready.\n- The SCOOPS FUNA logo must live on the back with cooperative information.\n- Both Cameroon and Export variants must remain bilingual FR/EN.", "variables": [], "notes": "Enterprise-grade packaging design system for premium bilingual product labels and bottle mockups for Evele Mbole Nlan (EMN) from SCOOPS FUNA, a Cameroonian red palm oil producer", "metadata": { "source": { "provider": "github-prompts", "repository": "https://github.com/yceutche/product-design", "path": ".github/prompts/emn-packaging.prompt.md", "ref": "50a29ef641b7c77e9ba26ff1c501c54a7431c74f", "url": "https://github.com/yceutche/product-design/blob/50a29ef641b7c77e9ba26ff1c501c54a7431c74f/.github/prompts/emn-packaging.prompt.md", "key": "yceutche/product-design/.github/prompts/emn-packaging.prompt.md" } } }

About