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-W41-Monkind longformweek W41date 2026-10-12campaign longform-youtubepillar emerging_techbeat —asset videoduration 156.8sground blackscenes 8

Checklist the per-video bar — engine/sim

90.1/100
plain languagevo coverageno dead airuniquenesscaption fitcompletenesscleanliness
quantitative quality · weights learn from your reviews (engine.sim.memory review longform-W41-Mon good|bad)
⚠ 6 flag(s) — not yet ship-ready: copy_genericdead_airgeneric_scenecustom_element_dup · see docs/strategy/VIDEO-CHECKLIST.md

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 8 scenes · 156.8s · comp_id + rendered still + tier + the script

#Layer (comp_id · still · tier)BeatTimecodeMotionLogoAudioVO / on-screen / caption
1s1
matches intent
shared field
signature-3d		open0–22.7sspatial-parallaxicon·liquid-chrome♪ bed_in
One system across surfaces. Today, the smallest, most abused piece of it. The logo. People treat the logo like a painting. It is closer to a law. By the end of this you will know how to define a logo so a machine can place it correctly on a tiny app icon and a huge sign without a human checking each time.
on-screen: A logo is rules, not art
expected on screen: black ground · cone hero in the shared Signal Field · Augur leads · node-graph · spatial-parallax · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape coneground blacktreatment liquid-chromemotion spatial-parallaxpower summoninstrument summon→A logo is rules, not art
2s2
matches intent
NumberedList
template		teach22.7–48.2skinetic-buildicon·ember-fill♪ node_lock
First move. Save your logo as an SVG, not a flat picture. SVG is just text that describes the shape with math, so it stays sharp at any size, from a phone icon to a billboard. We trace our mark into a clean SVG path and keep that one file as the master. Everything else is generated from it. You never paste a blurry screenshot of your own logo again.
on-screen: Store the mark as SVG
expected on screen: black ground · a NumberedList panel over a dimmed Signal Field · Augur leads · node-graph · kinetic-build · icon·ember-fill logo · caption bottom-left
spec (the prompt): comp_id NumberedListvisual node-graphshape coneground blacktreatment ember-fillmotion kinetic-buildpower morphinstrument morph+laser→Store the mark as SVGcurate items, nodes
3s3
matches intent
ChecklistCard
template		teach48.2–72.30000000000001skinetic-buildicon·wireframe♪ node_lock
Second move. Write the breathing room as a rule, in numbers. The logo needs empty space around it, and that space should be measured from the logo itself, like the height of one letter. Put that math in your tokens file. Now any layout the model builds keeps the logo from getting crowded, because the rule is data, not a designer's gut feeling on the day.
on-screen: Write the clear-space rule down
expected on screen: black ground · a ChecklistCard panel over a dimmed Signal Field · Augur leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id ChecklistCardvisual node-graphshape coneground blacktreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→Write the clear-space rule downcurate items, nodes
4s4
matches intent
WireframeMock
template		teach72.3–99.3skinetic-buildicon·white-knockout♪ node_lock
Third move, and this one is a hard rule for us. Never type the brand name as text on the asset itself. Place the logo as the mark, full stop. We enforce it with a checker that scans each file and fails anything where the wordmark was typed out instead of placed. The name belongs in the caption and the voice, not stamped onto the art where it can drift into the wrong font.
on-screen: Never type the wordmark in
expected on screen: black ground · a WireframeMock panel over a dimmed Signal Field · Augur leads · node-graph · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id WireframeMockvisual node-graphshape coneground blacktreatment white-knockoutmotion kinetic-buildpower morphinstrument morph+laser→Never type the wordmark incurate nodes
5s5
matches intent
PipelineMap
template		teach99.3–123.8skinetic-buildicon·liquid-chrome♪ node_lock
Here is our self-proof. We built our own mark exactly this way. We traced it once into a locked SVG, signed it off, and made a rule that we only ever delete from it, never re-parse it from scratch. That is why our logo looks identical on the site, in the videos, and on the office page. Same file, every surface, no copies degrading down the chain.
on-screen: We trace, lock, never re-parse
expected on screen: black ground · a PipelineMap panel over a dimmed Signal Field · Augur leads · node-graph · kinetic-build · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id PipelineMapvisual node-graphshape coneground blacktreatment liquid-chromemotion kinetic-buildpower morphinstrument morph+laser→We trace, lock, never re-parsecurate nodes, stages
6s6
matches intent
SchematicCard
template		teach123.8–146.8skinetic-buildicon·ember-fill♪ node_lock
So a logo identity is three things written down. A vector master, a clear-space rule in numbers, and a hard line that the name is never typed onto the art. Define those once and a model can place your mark anywhere correctly. You can see ours holding across every surface at office.temerarii.xyz. That is how The Big T-M keeps one face in public.
on-screen: One mark, every screen, see it
expected on screen: black ground · a SchematicCard panel over a dimmed Signal Field · Augur leads · node-graph · kinetic-build · icon·ember-fill logo · caption bottom-left
spec (the prompt): comp_id SchematicCardvisual node-graphshape coneground blacktreatment ember-fillmotion kinetic-buildpower morphinstrument morph+laser→One mark, every screen, see itcurate nodes
7s7
first render · fix pending
ComparisonTable
templatedead_airgeneric_scenecustom_element_dup		proof146.8–151.8sreceipts-counticon·wireframe♪ node_lock
Emerging tech: what's next, tested in public
on-screen: Chapter 6
expected on screen: black ground · a ComparisonTable panel over a dimmed Signal Field · Augur leads · receipts · receipts-count · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id ComparisonTablevisual receiptsshape coneground blacktreatment wireframemotion receipts-countpower receiptsinstrument spotlight→Chapter 6curate colA, colB, rows, statsLabels
8s8
first render · fix pending
shared field
signature-3ddead_airgeneric_scene		resolve151.8–156.8scoalescenceicon·liquid-chrome♪ bed_out
Emerging tech: what's next, tested in public
on-screen: Chapter 7
expected on screen: black ground · cone hero in the shared Signal Field · Augur leads · coalescence · coalescence · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape coneground blacktreatment liquid-chromemotion coalescencepower coalescenceinstrument coalescence→Chapter 7

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 define a logo so a machine can place it anywhere correctly People treat a logo like a painting. It is closer to a law. This video shows how to define a logo so a machine can place it correctly on a tiny app icon and a huge sign, without a human checking each time. The method: Store the mark as SVG, not a flat picture. SVG is text that describes the shape with math, so it stays sharp from a phone icon to a billboard. Trace your mark into a clean SVG path and keep that one file as the master. Everything else is generated from it, so you never paste a blurry screenshot of your own logo again. Write the clear space rule down as numbers. The logo needs empty space around it, measured from the logo itself, like the height of one letter. Put that math in your tokens file. Now any layout a model builds keeps the mark from getting crowded, because the rule is data, not a gut feeling on the day. Never type the wordmark in. Place the logo as the mark, full stop. A checker scans each file and fails anything where the wordmark was typed out instead of placed. The name belongs in the caption and the voice, not stamped onto the art where it can drift into the wrong font. We traced our mark once into a locked SVG, signed it off, and made a rule that we only ever delete from it, never re parse it. That is why our logo looks identical on the site, the videos, and the office page, same file, every surface. See ours holding across every surface at office.temerarii.xyz. Keywords: logo design, SVG logo, brand tokens, clear space, app icon, brand identity, design automation.

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

→ Wireframe · scenes→ Calendar week→ Media (audience preview)→ Storyboard hub→ Day view→ Channel view