Checklist the per-video bar — engine/sim
94.7/100
quantitative quality · weights learn from your reviews (
engine.sim.memory review W41-brand-pillar-beat-2 good|bad)⚠ 2 flag(s) — not yet ship-ready: copy_generictoo_complex · see docs/strategy/VIDEO-CHECKLIST.md
Composition comp · template family · expected output
9:16 Reelrendered1:1 Squarerendered16:9 Widerendered9:16 4Kpending1:1 4Kpending16:9 4KpendingGIF (SMS)pending
expected output: 3/7 rendered — same matrix the /media preview surfaces for this asset.
Composition layer × scene 6 scenes · 44.6s · comp_id + rendered still + tier + the script
| # | Layer (comp_id · still · tier) | Beat | Timecode | Motion | Logo | Audio | VO / on-screen / caption |
|---|---|---|---|---|---|---|---|
| 1 |  matches intent shared field signature-3d | open | 0–5.8s | spatial-parallax | icon·ember-fill | ♪ bed in | A brand that looks like one thing on the site and another on the deck is not a brand on-screen: One brand, every surface |
expected on screen: white ground · icosa hero in the shared Signal Field · Signum leads · node-graph · spatial-parallax · icon·ember-fill logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape icosaground whitetreatment ember-fillmotion spatial-parallaxpower summoninstrument summon→One brand, every surface | |||||||
| 2 |  matches intent RankList template | subservice | 5.8–14.7s | shine-sweep+cinematic-push | icon·color | ♪ — | We keep color, type, and spacing as tokens in one file, so the same red and the same Tahoma show up on every surface. on-screen: Tokens, not guesses |
expected on screen: white ground · a RankList panel over a dimmed Signal Field · Signum leads · receipts · shine-sweep+cinematic-push · icon·color logo · caption bottom-left spec (the prompt): comp_id RankListvisual receiptsshape icosaground whitetreatment colormotion shine-sweep+cinematic-pushpower summoninstrument laser-trace→Tokens, not guessescurate rows, statsLabels | |||||||
| 3 |  matches intent KpiGrid template | subservice | 14.7–23.2s | shine-sweep+cinematic-push | icon·color | ♪ — | Buttons, cards, and headers live as React components in one library, so a fix in one place updates every on-screen: Components you reuse |
expected on screen: white ground · a KpiGrid panel over a dimmed Signal Field · Signum leads · receipts · shine-sweep+cinematic-push · icon·color logo · caption bottom-left spec (the prompt): comp_id KpiGridvisual receiptsshape icosaground whitetreatment colormotion shine-sweep+cinematic-pushpower summoninstrument laser-trace→Components you reusecurate kpis, statsLabels | |||||||
| 4 |  matches intent StatScoreboard template | subservice | 23.2–30.0s | shine-sweep+cinematic-push | icon·color | ♪ — | We pin the easing and timing in a motion spec, so the way things move is as consistent as on-screen: Motion with rules |
expected on screen: white ground · a StatScoreboard panel over a dimmed Signal Field · Signum leads · receipts · shine-sweep+cinematic-push · icon·color logo · caption bottom-left spec (the prompt): comp_id StatScoreboardvisual receiptsshape icosaground whitetreatment colormotion shine-sweep+cinematic-pushpower summoninstrument laser-trace→html-in-canvas-receiptscurate pillar, stats, statsLabels | |||||||
| 5 |  matches intent AnnotatedDiagram template | subservice | 30.0–37.7s | shine-sweep+cinematic-push | icon·color | ♪ — | The same tokens drive the brand book, the slides, and the ad, so print and screen finally agree with on-screen: Print to pixels, matched |
expected on screen: white ground · a AnnotatedDiagram panel over a dimmed Signal Field · Signum leads · receipts · shine-sweep+cinematic-push · icon·color logo · caption bottom-left spec (the prompt): comp_id AnnotatedDiagramvisual receiptsshape icosaground whitetreatment colormotion shine-sweep+cinematic-pushpower summoninstrument laser-trace→Print to pixels, matchedcurate callouts, statsLabels | |||||||
| 6 |  matches intent shared field signature-3d | resolve | 37.7–44.6s | coalescence | icon·ember-fill | ♪ bed out | If your brand needs to behave like one system everywhere, come see how The Big T-M wires it together. on-screen: Build the system · temerarii.xyz |
expected on screen: white ground · icosa hero in the shared Signal Field · Signum leads · coalescence · coalescence · icon·ember-fill logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape icosaground whitetreatment ember-fillmotion coalescencepower coalescenceinstrument coalescence→Build the system · temerarii.xyz | |||||||
Format stack 3 aspects · same scenes[], re-cropped
9:16
1080×1920
Stories · TikTok · YouTube Shorts · Reels
1:1
1080×1080
LinkedIn · Facebook · Instagram
16:9
1920×1080
X/Twitter · YouTube · LinkedIn video
Channels 12 destinations
LinkedInX/TwitterYouTubeInstagramFacebookThreadsTikTokPinterestBlueskyEmailSMSBlog
Social captions supplemental published copy · per channel (comp_id level)
tiktokA brand that looks like one thing on the site and another on the deck is not a brand. We keep color, type, and spacing in one token file, so the same red shows up everywhere. Here is how we wire it. (AI-assisted)
instagramOne brand. Every surface.
Color, type, and spacing live in one token file.
Buttons and cards are shared components.
Motion has a spec.
So print and screen finally match.
#brand #designsystems #designtokens #buildinpublic #temerarii
linkedinA brand that looks like one thing on the site and another on the deck is not really a brand.
The fix is boring and it works: keep color, type, and spacing as tokens in one file. Make buttons, cards, and headers shared components, so one fix updates every screen. Pin easing and timing in a motion spec. Now the same tokens drive the brand book, the slides, and the ad, and print finally agrees with screen.
That is the whole move. Build it once, reference it everywhere.
xA brand that looks like one thing on the site and another on the deck is not a brand. Color, type, spacing as tokens in one file. One fix updates every screen. temerarii.xyz
facebookIf your brand looks like one thing on the site and another on the deck, it is not one brand yet. We keep color, type, and spacing in one token file and reuse the same buttons and cards everywhere, so a single fix updates every screen. Want to see how it wires together? Visit temerarii.xyz.
threadsA brand that looks like one thing on the site and another on the deck is not a brand.
The move: color, type, and spacing live as tokens in one file. Buttons and cards are shared. One fix updates every screen, print and pixels match. That is it.
pinterestBrand design system explained: keep color, type, and spacing as design tokens in one JSON file, reuse buttons and cards as shared components, and pin motion in a spec. One source of truth that keeps the website, slides, brand book, and ads consistent across every surface.
blueskyA brand that looks like one thing on the site and another on the deck is not a brand. Keep color, type, and spacing as tokens in one file. One fix updates every screen.
youtubeTitle: One Brand, Every Surface: Design Tokens, Shared Components, and a Motion Spec
How we keep a brand consistent across the site, the deck, the brand book, and the ad. We define color, type, and spacing as tokens in one file, build buttons and cards as shared components so one fix updates every screen, and pin easing and timing in a motion spec. The result: print and screen finally agree. Build the system at temerarii.xyz.