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-Monkind longformweek W40date 2026-10-05campaign longform-youtubepillar it_devbeat asset videoduration 200.4sground whitescenes 7

Checklist the per-video bar — engine/sim

98.2/100
plain languagevo coverageno dead airuniquenesscaption fitcompletenesscleanliness
quantitative quality · weights learn from your reviews (engine.sim.memory review longform-W40-Mon good|bad)
⚠ 1 flag(s) — not yet ship-ready: copy_generic · 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 7 scenes · 200.4s · comp_id + rendered still + tier + the script

#Layer (comp_id · still · tier)BeatTimecodeMotionLogoAudioVO / on-screen / caption
1s1
matches intent
shared field
signature-3d
open0–29.5sspatial-parallaxicon·ember-fill♪ bed_in
The week is about defining who you are, and today we narrow to one piece people get most wrong. The logo. A logo is not a pretty drawing you approve once. It is a small system with rules for size, space, and where it may never go. By the end you will know how to build a logo that survives a phone screen, a billboard, and a favicon without falling apart. We will use real tools and give away the steps.
on-screen: Your logo is a system, not art
expected on screen: white ground · box hero in the shared Signal Field · Faber leads · node-graph · spatial-parallax · icon·ember-fill logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape boxground whitetreatment ember-fillmotion spatial-parallaxpower summoninstrument summon→Your logo is a system, not art
2s2
matches intent
NumberedList
template
teach29.5–58.3skinetic-buildicon·wireframe♪ node_lock
Step one. Build the mark as a vector file, an SVG, not a flat photo. A vector is math, so it scales to any size and stays sharp. You can draw it in a free tool like Inkscape, or trace a sketch into clean paths. Keep the file in your repo. When the logo is math in plain text, a model can read it, a script can recolor it, and you never lose the original to a corrupted image.
on-screen: Draw it in vector, not pixels
expected on screen: white ground · a NumberedList panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id NumberedListvisual node-graphshape boxground whitetreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→Draw it in vector, not pixelscurate items, nodes
3s3
matches intent
ChecklistCard
template
teach58.3–89.19999999999999skinetic-buildicon·wireframe♪ node_lock
Step two. Set the hardest rule first. The mark goes on the asset alone. Never type the brand name as text on top of the artwork. The spoken voice can say the name out loud, the caption under a post can write it, but the picture itself stays logo only. We enforce this with a tiny check that scans each frame and fails the build if it finds the typed name where the mark should be. The rule is now a gate, not a hope.
on-screen: Make one rule: logo only
expected on screen: white ground · a ChecklistCard panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id ChecklistCardvisual node-graphshape boxground whitetreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→Make one rule: logo onlycurate items, nodes
4s4
matches intent
SchematicCard
template
teach89.2–116.9skinetic-buildicon·wireframe♪ node_lock
Step three. Give the mark room to breathe. Pick a unit, say the height of one letter in the mark, and forbid anything inside that margin on all four sides. Write that margin into your layout code as a constant. Now every template that places the logo pulls the same number. When something crowds the mark, it is a code error you can catch, not a taste argument you have in a meeting three weeks late.
on-screen: Lock the safe zone in code
expected on screen: white ground · a SchematicCard panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id SchematicCardvisual node-graphshape boxground whitetreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→Lock the safe zone in codecurate nodes
5s5
matches intent
TerminalRun
template
teach116.9–144.6skinetic-buildicon·wireframe♪ node_lock
Step four. Two cruel tests. Shrink the logo to sixteen pixels, the size of a browser tab. If it turns to mud, simplify until it reads. Then flatten it to one solid color, pure black on white. A mark that only works in full color is a weak mark. Run both tests with a quick script that exports the small and the flat versions automatically, so you see the truth every time you change a line.
on-screen: Test it tiny and in one color
expected on screen: white ground · a TerminalRun panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id TerminalRunvisual node-graphshape boxground whitetreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→Test it tiny and in one colorcurate nodes
6s6
matches intent
StatScoreboard
template
proof144.6–170.9sreceipts-counticon·wireframe♪ node_lock
For proof, look at our own lockup. It is logo only, it ships as a single white SVG, and a check refuses any frame that types our name where the mark belongs. We did not draw it once and pray. The same tiny-size and one-color tests run on it before it goes anywhere. No invented win rate, just a mark that holds across every surface we publish, which you can inspect yourself.
on-screen: We test our own mark this way
expected on screen: white ground · a StatScoreboard panel over a dimmed Signal Field · Faber leads · receipts · receipts-count · icon·wireframe logo · caption bottom-left
spec (the prompt): comp_id StatScoreboardvisual receiptsshape boxground whitetreatment wireframemotion receipts-countpower receiptsinstrument spotlight→We test our own mark this waycurate pillar, stats, statsLabels
7s7
matches intent
shared field
signature-3d
resolve170.9–200.4scoalescenceicon·ember-fill♪ bed_out
So a logo is a vector, a logo-only rule, a coded safe zone, and two brutal tests. Build it that way and your mark works at sixteen pixels and on a wall, in color and in plain black. The rules live in code, so they hold even when you are tired. Our full lockup and its rules are live at office dot temerarii dot xyz. Look at the SVG, copy the structure, and put your own mark through the same tests.
on-screen: See the lockup at office.temerarii.xyz
expected on screen: white ground · box hero in the shared Signal Field · Faber leads · coalescence · coalescence · icon·ember-fill logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape boxground whitetreatment ember-fillmotion coalescencepower coalescenceinstrument coalescence→See the lockup 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 a logo that works as a system, not a drawing A logo is not a pretty picture you approve once. It is a small system with rules for size, space, and where the mark may never go. This video walks through how to build a logo that holds up on a phone screen, a billboard, and a favicon without falling apart. The method, step by step: Draw the mark as a vector SVG, not a flat photo. A vector is math, so it stays sharp at any size. Inkscape is free, and once the logo is plain text your code can read it and recolor it without losing the original. Set the hardest rule first: the mark goes on the asset alone. Never type your brand name as text on top of the artwork. The voice can say the name and the caption can write it, but the picture stays logo only. A small check scans each frame and fails the build if the typed name shows up where the mark belongs. Lock the safe zone in code. Pick a unit, like the height of one letter, and forbid anything inside that margin on all four sides. Write that number into your layout as a constant so every template pulls the same value. Run two cruel tests. Shrink the logo to sixteen pixels, the size of a browser tab, and see if it turns to mud. Then flatten it to one solid color, black on white. A mark that only works in full color is a weak mark. A quick script exports the tiny and flat versions automatically. We test our own mark this exact way. It ships as a single white SVG, logo only, with a check that refuses any frame that types the name. You can inspect the full lockup and its rules at office.temerarii.xyz. Keywords: logo design, brand identity, SVG vector logo, design system, favicon, brand guidelines.

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