Skip to content

Brand assets

Where to find them

In the PWA repo

File What
apps/web/public/brand/logo.png Full wordmark + dragon-fruit glyph (998×319)
apps/web/public/brand/favicon-192.png Glyph only (512×512 source)
apps/web/public/brand/avatar.jpg Instagram profile avatar (320×320)
apps/web/public/icons/* Generated PWA icons

In the audit repo (sibling fruitplug/assets/instagram/)

349 reel videos and thumbnails already downloaded. This is the content library for the new site — every product page should embed its matching reel.

Path Count Size
videos/ 349 2.0 GB
images/ 53 29 MB
thumbnails/ 349 77 MB
profile/ 7 40 KB
manifest.json 820 KB (captions + engagement)
catalog.csv 349 rows
top_content.json Top 25 by plays + top 25 by likes

Filename convention

{YYYY-MM-DD}_{post_code}_{index}.{ext}

  • post_code = the Instagram shortcode (append to https://www.instagram.com/p/ for the original)
  • The same stem ties a video, its thumbnail, and its CSV row together

Mapping reels to products

The nightly cron in fruitplug-api (Cron\InstagramSync) scans caption keywords and writes to wp_fruitplug_reel_products. Example mapping logic:

Caption contains → Product
mango Mango, Baby Mango
pomelo Pomelo (if added)
dragon Red/Yellow/White Dragon Fruit
rambutan Rambutan
mangosteen Mangosteen

Ops can override via a manual_override = 1 flag on the mapping row.

Top reels (use as hero videos)

  1. 2024-12-22 · DD5HryzIKBq · 57.9M plays · mango juice
  2. 2024-06-12 · C8IASzBo04G · 25.5M plays · pomelo ASMR
  3. 2024-11-29 · DC9uGkPoaxp · 21.3M plays · world's biggest citrus
  4. 2024-06-09 · C7_zNonIE7K · 6.4M plays · birds eating exotic fruit
  5. 2024-06-05 · C71lifPotX8 · 6.2M plays · world's smallest pineapple

Full list in assets/instagram/top_content.json.

Product photography

We use the Instagram library for PDP hero imagery (reel thumbnails) instead of reshooting the 46 SKUs. This means:

  • ~400 lifestyle shots already on-brand
  • Each fruit PDP gets: 1 hero thumbnail → inline autoplay reel → 3–5 supporting stills
  • Only fruits with no matching reel (likely <10 SKUs) need a white-background reshoot

Upload path: Cloudinary (configured via CLOUDINARY_* env vars). Auto WebP + responsive sizes.