Brand film

Mografy promo

The product told through its own workflow: a time function, a prompt, a scrub, a tweak, an export.

UIKinetic typeProduct

Scene by scene

Select a scene to jump to it.

About this film

A one-minute product film that explains Mografy by doing it. A sine wave becomes renderFrame(time), a typed prompt builds a scene phrase by phrase, the frames fan out around a playhead, live controls restyle the result, and the mark exports as Lottie before the logo lockup.

Client: Mografy
Category: Brand film
Length: 1:00
Resolution: 1920 × 1080 · 30 fps
Made with: Claude Code + Mografy

Starter prompt

Create a 60-second 16:9 product film for Mografy using the official logo. Tell the story with the product's own workflow, one idea per beat: 1. A dot draws a timeline, then a sine wave labelled renderFrame(time). 2. Type the prompt "a circle / that grows / in teal / on the beat"; each phrase visibly changes the circle. 3. Split the scene into frames on an arc around a playhead marked t = 2.11. 4. Drop the scene into a player and scrub it. 5. Show accent swatches, a glow slider and a bounce toggle restyling it live. 6. A 4 × 4 grid of micro-interactions. 7. Export the mark as Lottie. 8. End on the logo with "Claude creates. Mografy shows." Deep charcoal background, teal #12B5A5 as the only accent, monospace for code labels. Calm, precise easing; no bounce on interface elements.

Paste it into Claude Code or Codex with Mografy open, then swap in your own brand, copy and length.

Set up Mografy