Back Office · office.temerarii.xyz
One asset, all the way in — composition, the wireframe + storyboard, the output format stack, and the template, all read from the SAME content-index record. The expected output matches what /media surfaces for this post.
post longform-W40-Wedkind longformweek W40date 2026-10-07campaign longform-youtubepillar brandbeat asset videoduration 159.3sground redscenes 6

Checklist the per-video bar — engine/sim

100.0/100
plain languagevo coverageno dead airuniquenesscaption fitcompletenesscleanliness
quantitative quality · weights learn from your reviews (engine.sim.memory review longform-W40-Wed good|bad)
✓ all static checks pass — one-focal/scene · tier-by-beat · one-track caption · colorway · cast+shape correct · no banned/fabricated. (audio + visual tiers verify on the rendered finals — Phase 2)

Composition comp · template family · expected output

composition LongFormChaptersfamily / template LongFormChapters
9:16 Reelpending1:1 Squarepending16:9 Widepending9:16 4Kpending1:1 4Kpending16:9 4KpendingGIF (SMS)pending
render pending — silent master not yet on disk
expected output: 0/7 rendered — same matrix the /media preview surfaces for this asset.

Composition layer × scene 6 scenes · 159.3s · comp_id + rendered still + tier + the script

#Layer (comp_id · still · tier)BeatTimecodeMotionLogoAudioVO / on-screen / caption
1s1
matches intent
shared field
signature-3d
open0–27.0sspatial-parallaxicon·white-knockout♪ bed_in
Who you are is not only how you look standing still. It is how you move. Today is motion graphics, and the trap is treating motion as decoration sprinkled on at the end. Motion is meaning. The way your logo enters tells people if you are calm or frantic. By the end you will know how to build brand motion in code, so it is consistent, repeatable, and never redrawn by hand at midnight.
on-screen: Make the brand move
expected on screen: red ground · icosa hero in the shared Signal Field · Signum leads · node-graph · spatial-parallax · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape icosaground redtreatment white-knockoutmotion spatial-parallaxpower summoninstrument summon→Make the brand move
2s2
matches intent
NumberedList
template
teach27.0–52.5skinetic-buildicon·white-knockout♪ node_lock
Step one. Use Remotion. It lets you build video in React, which means your animation is code, not a timeline you drag. The win is that code repeats perfectly. Define your logo entrance once as a function, and every video this year uses the exact same motion. We render our whole calendar this way. No human re-keyframing the same move two hundred times and getting it slightly wrong each time.
on-screen: Animate in code, not by hand
expected on screen: red ground · a NumberedList panel over a dimmed Signal Field · Signum leads · node-graph · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id NumberedListvisual node-graphshape icosaground redtreatment white-knockoutmotion kinetic-buildpower morphinstrument morph+laser→Animate in code, not by handcurate items, nodes
3s3
matches intent
ChecklistCard
template
teach52.5–80.9skinetic-buildicon·liquid-chrome♪ node_lock
Step two. Pick your motion rules and write them as numbers in one config file. How long an entrance takes. How fast things ease. Whether motion is sharp or soft. Those numbers are brand decisions, same as a color. Save them once and have every composition import them. Change the file, and the next render moves the new way everywhere. Your motion becomes a system you tune in one place, not a habit you re-explain to every editor.
on-screen: Set timing as brand rules
expected on screen: red ground · a ChecklistCard panel over a dimmed Signal Field · Signum leads · node-graph · kinetic-build · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id ChecklistCardvisual node-graphshape icosaground redtreatment liquid-chromemotion kinetic-buildpower morphinstrument morph+laser→Set timing as brand rulescurate items, nodes
4s4
matches intent
WireframeMock
template
teach80.9–108.60000000000001skinetic-buildicon·white-knockout♪ node_lock
Step three. Real things speed up and slow down, they do not move at one flat rate. Use an easing curve, a spring, so motion feels alive instead of mechanical. In Remotion you can drive it with a spring function and tune stiffness and damping until it feels like your brand. Too bouncy reads as goofy, too stiff reads as cold. Pick one feel, put the numbers in your config, and never argue about it again.
on-screen: Ease like a body, not a robot
expected on screen: red ground · a WireframeMock panel over a dimmed Signal Field · Signum leads · node-graph · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id WireframeMockvisual node-graphshape icosaground redtreatment white-knockoutmotion kinetic-buildpower morphinstrument morph+laser→Ease like a body, not a robotcurate nodes
5s5
matches intent
BuildLog
template
proof108.6–131.6sreceipts-counticon·liquid-chrome♪ node_lock
Proof, no numbers. Every motion you see this week was rendered from code, from the same timing config, with the same spring. The logo enters identically because a function says so, not because someone remembered. We can change the studio's whole motion feel by editing one file and re-rendering. You are watching the result of that system right now, built in the open.
on-screen: We render every video in code
expected on screen: red ground · a BuildLog panel over a dimmed Signal Field · Signum leads · receipts · receipts-count · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id BuildLogvisual receiptsshape icosaground redtreatment liquid-chromemotion receipts-countpower receiptsinstrument spotlight→We render every video in codecurate lines, statsLabels
6s6
matches intent
shared field
signature-3d
resolve131.6–159.29999999999998scoalescenceicon·white-knockout♪ bed_out
So motion graphics done right is code, not dragging. Animate in Remotion, store your timing as numbers in one file, ease with a spring so it feels alive, and let every video import the same rules. Do that and your brand moves the same way forever, on purpose. The whole motion system runs in public at office dot temerarii dot xyz. Open one composition, change one number, and watch the brand move differently everywhere at once.
on-screen: Build it at office.temerarii.xyz
expected on screen: red ground · icosa hero in the shared Signal Field · Signum leads · coalescence · coalescence · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape icosaground redtreatment white-knockoutmotion coalescencepower coalescenceinstrument coalescence→Build it at office.temerarii.xyz

Format stack 1 aspects · same scenes[], re-cropped

16:9
1920×1080
X/Twitter · YouTube · LinkedIn video

Channels 2 destinations

YouTubeBlog

Social captions supplemental published copy · per channel (comp_id level)

youtubeHow to build brand motion graphics in code so it never drifts Motion is not decoration sprinkled on at the end. Motion is meaning. The way your logo enters tells people if you are calm or frantic. This video shows how to build brand motion in code so it is consistent, repeatable, and never redrawn by hand at midnight. The method: Animate in code, not by dragging. Use Remotion, which lets you build video in React. Your animation becomes code, and code repeats perfectly. Define your logo entrance once as a function, and every video this year uses the exact same motion. No human re keyframing the same move two hundred times and getting it slightly wrong. Set your timing as brand rules. How long an entrance takes, how fast things ease, whether motion is sharp or soft. Those numbers are brand decisions, same as a color. Put them in one config file and have every composition import them. Change the file, and the next render moves the new way everywhere. Ease like a body, not a robot. Real things speed up and slow down. Use a spring so motion feels alive instead of mechanical, and tune stiffness and damping until it feels like your brand. Too bouncy reads goofy, too stiff reads cold. Pick one feel, put the numbers in your config, and stop arguing about it. Every motion in this video was rendered from code, from the same timing config, with the same spring. We can change the studio's whole motion feel by editing one file and re rendering. Open one composition, change one number, and watch the brand move differently everywhere at once. See the system at office.temerarii.xyz. Keywords: motion graphics, Remotion, React video, brand animation, easing, spring animation, programmatic video.

Cross-links every lens is a view on this one record