# PlayStat explainer studies — draft06

The library now has three designed educational posts at `/branding/#explainers`. These are complete 1080×1350 single-post explainers, not just headline covers. They add a teaching role to the campaign imagery. 待 Elvin review; no publishing or deployment.

| Design | What it teaches | Visual structure | Possible series use |
|---|---|---|---|
| Follow the evidence | Game, market and wallet observations need context and cross-checking | Three connected cards and a concluding rule | Product introduction or research-method carousel |
| Read the play | In this hypothetical situation a defender moves towards the ball, leaving a receiver open | Court, numbered markers, defender arrow, passing option and two observations | Freeze-frame breakdown; use licensed footage and verified annotations for a real match |
| Read the number | 8/10 and 80/100 both equal80%, but contain different numbers of attempts | Two accurately counted dot grids with shared legend | Statistics literacy; one slide per sample, then compare |

## How the designs work

Each has one question, one diagram and one takeaway. Navy carries structure, green highlights the relationship, and paper provides a quieter teaching surface. Orange identifies the hypothetical defender. The geometric diagrams are original editable SVG, with separate `data-explain-step` groups for later animation. Precise labels/counts are rendered from code rather than generated into an image.

The illustrated court is a schematic, not NBA tracking or a claim about the Jalen Johnson clip. Shooting samples are invented, not player statistics or forecasts. The three-lens process is an editorial framework, not a verified live product workflow. No financial-performance claim is introduced.

## Use and export

Click a card in the library to open the workbench. Headline and source are editable in-browser; the explanatory diagram and its example values stay paired. Download PNG or SVG. SVG includes the original supplied PlayStat logo and local Poppins font; all text, shapes and paths remain separate. To change the lesson, edit `explainers.mjs` or the exported SVG and recheck labels, positions and source text.

Rebuild: first `node marketing-preview/branding/build.mjs`, then `node marketing-preview/branding/build-explainers.mjs`. The complete pack includes three standalone SVGs and three actual browser-exported PNGs under `branding/generated/`, plus source. These are still designs; no new explainer animation or MP4 is claimed. Existing sports motion remains available separately.

A future carousel can split each layout into hook → visual evidence → takeaway. A future narrated version can reveal the three named groups in sequence with holds for reading. Those are suggested adaptations, not produced deliverables in this revision.

## Verification

The focused tests check numerical dot counts against the printed values and safe editable copy. Browser review covers desktop/mobile, all three editors, full-size PNG export and standalone SVG. Evidence stays in `~/data-exports/playstat/branding-explainers-2026-10-29/`; the draft PR ties final receipts to the reviewed commit.