Mografy
Browse documentation

Mografy Templates · End cards

Website end card

The headline sharpens in, a light arc draws a pill round the web address, and a cursor clicks the button beside a QR card.

16:94.5 sFree · MIT
Also designed for 9:16cta-endcard

Add the template

Run this in your Mografy folder. The template, the shared modules and its fonts are copied into the project; files you changed are kept. A folder that is not a project yet becomes one, with a scene that plays the template.

Terminal
mografy add cta-endcard-wide projects/my-film

To watch it on its own, point the project's scene to the template: "scene": "scenes/templates/cta-endcard-wide.ts"

Use it in a film

Play the template on your film's timeline and override its parameters. Pass backdrop: false to draw an overlay template over your own picture.

scenes/main.ts
import * as ctaEndcardWide from './templates/cta-endcard-wide.js'
import { play } from './templates/kit.js'

// inside renderFrame(ctx, time): play it from 2 s, with your own copy
play(ctx, time, 2, ctaEndcardWide, { headline: "Plan your next launch." })

Or describe the film to Claude or Codex: the Mografy Skill knows every template and picks the ones that fit.

For your agent Closing call to action of a landscape film or a talk: a headline under ~28 characters, an address under ~24 and a button label of 1–3 words. The QR pattern is a stand-in that does not scan: replace the modules in `qrCard()` with your real code image (load it in `setup`, draw it into the same square).

Parameters

  • headlinestringPlan your next launch.
  • urlstringnorthwind.app
  • buttonstringTry it free
  • themeenum · night | light | neonnight
  • safeGuidebooleanfalse

Timing and layout live in the template file itself: edit them there, then check and review the frames.