Production brief

Media This Site Needs.

Every striped panel across the other pages is a placeholder for a real still or clip. Since you already have footage and stills, this is the pull list: what to pick from the library, at what ratio, for which slot.

House rules: practical warm interior light against cooler shadow, shallow depth of field, real people in real rooms, negative space where type sits. One consistent grade across each grid so it reads as a set.

Homepage

Hero portrait: 4:5 still; Done: a bakery owner at the counter with customers behind (assets/img/hero-owner). Original in _source/media-originals.
Showreel: 16:9 · 15s; Done: the screening room plays the Wag and Shine spot. Swap in a longer 45–60s reel when one exists.
Industry stills ×5: 4:5 stills; Done: assets/img/industry-*. Originals in _source/media-originals.
Industry hover clips ×5: 4:5 · 3–5s muted; One continuous move each, no cuts, and the first frame must match the still it replaces.

Product page

Example commercials: 16:9 · 15s; Done: the gallery plays four example spots. Replace with a real Growth-plan client spot when you have one.
Format proof sheet: Optional graphic; One frame shown at 9:16, 1:1 and 16:9 side by side, to make the platform-cuts line concrete.

Brand assets

Knockout logo: SVG, white; A white version for the dark footer. The site currently uses one generated from the supplied PNG; replace it with a proper vector.
Favicon and OG image: 512px · 1200×630; The OG image should be a real frame from the reel with the wordmark over it, not a graphic.
Client releases: Document; Every testimonial and recognisable face needs one. Review sections stay hidden until a released quote is added to testimonials in src/data.mjs.