Reference
Reels
The Reel component — every reel variant in the repo, with real output, props and the generator that makes it.
Reels
Every reel variant in the repo — 15 in all. Each preview is real output from the generator listed under it. Start from a Locked variant. Concepts and Unapproved variants are reference, not for shipping.
| Status | Count | Meaning |
|---|---|---|
| Locked | 6 | Reuse as-is. |
| Approved | 2 | Picked as the winner. |
| Variant | 3 | Built on a locked layout for a specific use. |
| Concept | 3 | Explored, not picked. Reference only. |
| Unapproved | 1 | Never approved. Do not ship. |
| Variant | Brand | Status | Group |
|---|---|---|---|
| Thirds Card | MCM | Locked | Branded Story Reel |
| Full-Bleed Split | MCM | Locked | Branded Story Reel |
| Client Story | DH | Locked | Branded Story Reel |
| Q&A Caption Swap | MCM | Approved | Branded Story Reel |
| Repurposed Clip (captions stripped) | MCM | Variant | Branded Story Reel |
| Our Why (founder) | MCM | Variant | Branded Story Reel |
| Funnel Compilation · Captioned | MCM | Approved | Compilation Reel |
| Funnel Compilation · Snappy | MCM | Variant | Compilation Reel |
| CTA Style × Color Scheme | MCM | Concept | Reel Options (props explored) |
| DH Layout Directions | DH | Concept | Reel Options (props explored) |
| Burned Overlay + Intro/Outro Cards | MCM | Concept | Reel Options (props explored) |
| Reel CTA Frames | MCM | Locked | Reel Kit Stills |
| Diagram Motion Loop | 0HR · DH | Locked | Motion Reels |
| 3D Marquee · Reel Preset | 0HR | Locked | Motion Reels |
| Reel Engine | any | Unapproved | Cinematic Interview Reel |
To add a variant: add it to specs/reels/variants.json with its real output paths, then run
node scripts/compile-studio-reels.mjs from apps/docs/packages/template.
Branded Story Reel
Real client or family testimonial footage with brand lockup, pull-quote headline and CTA. The workhorse reel.
Thirds Card
Headline in the top band, face whole in the middle, gold CARE CTA in the bottom band. Navy and gold, Inter.
| Prop | Value |
|---|---|
ratio | 9:16 (4:5 = full-bleed) |
pill | FAMILY STORY |
headline | per-clip quote, up to 3 lines |
cta | Comment or DM “CARE” to Talk to a Care Expert |
scheme | gold |
Generator · brands/mcm/assets/case-studies/render_final.py
Source · memory project_mcm_branded_vertical_clips.md — “LOCKED DESIGN (2026-06-08, FINAL = render_final.py)”
Full-Bleed Split
Footage fills the frame. FAMILY STORY pill and headline on top, CTA pill below, gradient scrims for legibility.
| Prop | Value |
|---|---|
ratio | 9:16 · 4:5 |
layout | split (9:16) · center (4:5) |
pill | FAMILY STORY |
cta | CARE pill |
scheme | gold |
Generator · brands/mcm/assets/case-studies/render_branded_vertical.py (apply_brand('mcm'))
Source · render_branded_vertical.py:22 — “this template is the CANONICAL content-clip master”
Client Story
The same canonical template on the DH profile: black, magenta accent, CLIENT STORY pill, DIFFERENTHUNGER.COM.
| Prop | Value |
|---|---|
ratio | 9:16 · 4:5 |
pill | CLIENT STORY |
accent | #FF4488 |
source | moments manifest (Whisper pull-quotes) |
Generator · brands/mcm/assets/case-studies/dh_clips.py · dh_thirds.py → render_branded_vertical.py (apply_brand('dh'))
Source · dh_clips.py:2 — “canonical template, DH brand profile”
Q&A Caption Swap
Thirds card where the pill swaps from the interviewer's real question to the pull-quote. Headline-only when no question exists.
| Prop | Value |
|---|---|
ratio | 9:16 · 4:5 |
pill | question → pull-quote |
layout | thirds card |
Generator · brands/mcm/assets/case-studies/render_qa.py
Source · memory project_mcm_branded_vertical_clips.md — “Q&A CAPTION FORMAT (WINNER…)”
Repurposed Clip (captions stripped)
Pre-cut clips with burned-in OpusClip captions. The locked thirds-card band crop hides the old captions, then the MCM headline and CARE CTA go on.
| Prop | Value |
|---|---|
ratio | 9:16 · 4:5 |
source | clips/keep/<n>.mp4 |
crop | thirds-card band |
Generator · brands/mcm/assets/case-studies/render_keep12.py
Source · render_keep12.py:3 — “via the locked thirds-card band crop”
Our Why (founder)
Founder origin story. OUR WHY pill instead of FAMILY STORY, her strongest real line as the headline, no CTA. Captioned and under-3-minute cuts.
| Prop | Value |
|---|---|
ratio | 9:16 · 4:5 |
pill | OUR WHY |
cta | none |
captions | on / off |
cut | full · UNDER3 |
Generator · brands/mcm/assets/case-studies/render_andrea.py · build_andrea_captions.py
Source · render_andrea.py:4 — “NO CTA (founder pin builds trust, not direct response)”
Compilation Reel
Many branded story clips cut into one TOFU → MOFU → BOFU sequence.
Funnel Compilation · Captioned
Branded clips in funnel order, silence stripped, hard cuts, captions burned in.
| Prop | Value |
|---|---|
ratio | 9:16 |
order | TOFU → MOFU → BOFU |
captions | on |
transitions | hard cuts |
Generator · brands/mcm/assets/case-studies/build_highlights_v2.py · tighten_compilation.py
Source · memory project_mcm_testimonial_compilation_2026_06_17.md — “Compilation FINAL”
Funnel Compilation · Snappy
Same sequence with dead space removed from every clip for a faster read.
| Prop | Value |
|---|---|
ratio | 9:16 |
captions | off |
silence | stripped |
Generator · brands/mcm/assets/case-studies/tighten_compilation.py
Source · tighten_compilation.py:1 — “Snappy compilation: strip dead space”
Reel Options (props explored)
The CTA styles, color schemes and layouts tried on the branded story reel. Gold scheme with the CARE pill won.
CTA Style × Color Scheme
Same frame with each CTA treatment (pill, plain, url, dm, care, cta) and scheme (current, gold, blue). Gold + CARE pill is the locked pick.



| Prop | Value |
|---|---|
cta_style | pill · plain · url · dm · care · cta |
scheme | current · gold (locked) · blue |
Generator · brands/mcm/assets/case-studies/render_branded_vertical.py (mockup mode)
Source · render_branded_vertical.py:295 — SCHEME_LOCKED = "gold"
DH Layout Directions
Four placement directions on placeholder footage: split, center, minimal, bottom bar.




| Prop | Value |
|---|---|
layout | v1 split · v2 center · v3 minimal · v4 bottom bar |
Generator · brands/mcm/assets/case-studies/dh_blanks.py
Source · dh_blanks.py:2 — “For mk to approve WHERE things go + the treatment”
Burned Overlay + Intro/Outro Cards
Earlier vertical pass: burned overlay with separate intro and outro cards. Replaced by the thirds card.


| Prop | Value |
|---|---|
ratio | 9:16 |
cards | intro · outro |
Generator · brands/mcm/assets/case-studies/render_vertical.py
Source · render_final.py is the FINAL layout; this is the prior pass
Reel Kit Stills
Static reel and story frames used around the video reels.
Reel CTA Frames
End-frame CTA templates with and without the CTA.



| Prop | Value |
|---|---|
ratio | 9:16 |
variants | cta-1 · cta-2 · no-cta |
Generator · brands/mcm/site/public/content-kit/
Source · brands/mcm/site/app/system/page.tsx:2196 — “Canonical reel template supplied by mk 2026-07-18”
Motion Reels
Animated reels with no talking-head footage.
Diagram Motion Loop
Canonical diagrams built in reading order, held, then taken apart. Time Freedom Matrix, Peace Protocol, Brand Flywheel.
| Prop | Value |
|---|---|
ratio | 1:1 |
diagram | time-freedom-matrix · peace-protocol · brand-flywheel |
format | mp4 · gif |
Generator · specs/assets/render-diagram-loop.mjs
Source · apps/portal/app/system/SystemCatalog.tsx:126 — “CANONICAL DIAGRAMS — the locked artwork”
3D Marquee · Reel Preset
Diagonal −45° ribbon of prototype tiles, wider-ribbon preset for 9:16.
Live component — open it.
| Prop | Value |
|---|---|
format | reel · landscape |
columns | 5 |
Generator · apps/portal/components/ui/3d-marquee.tsx
Source · marquee-solo/page.tsx:49 — “A — WIDER RIBBON (mk 2026-08-28: LOCKED)”
Live · https://0hr.app/studio/showcase/marquee-solo
Cinematic Interview Reel
Dark, graded interview reel with kinetic glow captions. Built from an Instagram reference.
Reel Engine
Kinetic glow captions timed to Whisper words, red serif emphasis, counting numbers, name card, lower-third tag, end card.



| Prop | Value |
|---|---|
cues | title · caption · redline · number · punch · name · sub |
ratio | 9:16 |
fps | source fps |
Generator · reel-engine/scripts/render.mjs (Remotion)
Source · Not approved. Not a substitute for a brand's own story reel template.