Universal Brand Install

Use this page after Brand Studio exports the buyer's Universal Brand Kit. The same brand.json must be installed in the Website, App, and Hub before deployment.

Functionality safety rule: do not edit workout-player logic, Firebase assignment code, check-in logic, routing scripts, or exercise-library data just to change branding. Branding is handled by brand.json, wlf-theme-init.js, and the theme CSS files.

1Export the Brand Kit

  1. Open Brand Studio on the seller/sales site.
  2. Fill in business name, coach name, URLs, color, logo path, contact info, socials, and checkout link.
  3. Click Export Universal Brand Kit.
  4. Unzip the kit and keep the included brand.json.

2Copy brand.json

Place the exact same file in all three root folders:

Website
/brand.json
App
/brand.json
Hub
/brand.json

Root means the same folder level as index.html.

3Install logo files

  • Use the logo path entered in Brand Studio, usually /wlf-logo.svg.
  • Place that logo file in the root of Website, App, and Hub.
  • For app icons, replace icon-192.png, icon-512.png, and apple-touch-icon.png when the buyer provides icon artwork.
  • Keep filenames stable unless you also update the path in brand.json.

4Redeploy all three

  • Deploy Website.
  • Deploy App.
  • Deploy Hub.
  • Open each live URL in a private browser window and confirm the same color, logo, and brand name appear.

Final Brand QA Checklist

Correct finished state: the buyer has one matching brand identity across the public Website, client App, and coach Hub, without touching core player, assignment, or Firebase functionality.