reel/ is a new Remotion project for the Tokunia landing page's motion-design
film: 120 s at 128 BPM = 64 bars, and every position in it is a bar/beat on
that grid (src/timeline.ts). The drum pattern, arrangement, drops, risers,
notification pings and cron chimes are data (src/score.ts) that both the
music renderer and the picture read, so a pulse on screen lands on the sample
it belongs to.
- src/kit/: the motion kit — kinetic type (Slam, Reveal, Typewriter,
Odometer, Scramble, Marquee), effects and the chapter cut (Backdrop, Flash,
RingBurst, Confetti, Camera, SlabWipe), the app redrawn in its own dark
theme (Panel, Chip, ToolCard, Composer, StatusChecks, Kpi…), device frames,
the receipt, Hemp Henry stepping on eighth notes, and the shared
ChapterTitle every feature chapter opens with
- the intro (hook → logo drop → the reel's own receipt) and the outro
(the final bill, the end card, the ring-out)
- scripts/stills.mjs (stills + contact sheets at bar:beat), mix.mjs (lays
every sound cue on the score, transient on the beat, loudness-normalised),
render.mjs (picture → mix → 1080p/720p web encodes → poster)
- .dockerignore: keep the reel and the landing's assets out of the image
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Gabriel Vidal
1e2cce8d2b