Back Office · office.temerarii.xyz
One published post, granular — the Social for W35 Fri, its copy, its output-policy format, and the video master it derives from. Part of the day's full output set.
postW35-Fri-social-2kindSocialweekW35dayFridate2026-09-04campaignlongform-youtubecadence5/day floor × 9 channels

Copy the published post text

Public Relations
copy ready · render pending

Output-policy spec format · dimensions (asset_specs.output_policy)

formatnative cut · 9:16 · 1:1 · 16:9 dims1080×1920 · 1080×1080 · 1920×1080 cadence5/day floor × 9 channels

Channels 9 destinations

TikTokInstagramLinkedInX/TwitterFacebookThreadsPinterestBlueskyYouTube

This post a distinct social asset — its own angle, storyboard, and cuts

social-W35-Fri-2
5-distinct-social/day · 9:16 master → 1:1 / 16:9 cuts per channel

Channel-cuts this asset → 9 native captions (one master · per-platform aspect+copy)

ChannelNative caption
TiktokMost sites are built desktop-first, then squeezed onto phones, where the traffic actually is. Flip it: design the phone view first, one column and one job per screen, ship real text not images of text, and cut the page weight so it loads fast. (AI-assisted edit.)
InstagramStart at the smallest screen. One column, one clear job. Real text, not an image of text. It's a path, not a brochure. Cut the page weight. #webdesign #ux #responsivedesign #design #temerarii
LinkedinTakeaway for web design: design the phone view first. Most sites are built desktop-first, then squeezed onto phones, which is where the traffic actually lives. Start at the smallest screen with one column and one clear job per view, then add room as the screen grows. Ship real text instead of a picture of text, so search engines and screen readers can read it. Treat the site as a path with one obvious next step, not a brochure. Compress images and drop unused code, because a slow page loses people before the pitch. Phone first, then desktop.
XWeb design truth: most sites are built desktop-first, then crammed onto phones where the traffic is. Design the phone view first, one column, one job, real text not images, and cut the page weight. Fast and readable wins. temerarii.com
FacebookOld web design built for a wide desktop, then squeezed it onto phones as an afterthought, where most traffic actually is. Flip it: design the phone view first. One column and one clear job per screen, real text instead of pictures of text so it can be read by search and screen readers, and cut the page weight so it loads fast. A site is a path, not a brochure. More at temerarii.com.
ThreadsMost sites are built desktop-first, then squeezed onto phones, where the traffic actually is. Flip it: design the phone view first, one column and one job per screen, ship real text not images of text, and cut the page weight so it loads fast. A site is a path, not a brochure.
PinterestWeb design fundamentals: design mobile-first with one column and one clear job per screen, use real text instead of images of text for SEO and accessibility, treat the site as a conversion path, and compress assets for speed. Evergreen UX and responsive web design guide.
BlueskyWeb design truth: most sites are built desktop-first, then crammed onto phones where the traffic is. Design the phone view first, one column, one job, real text not images, cut the page weight. temerarii.com
YoutubeWeb Design Mobile-First: One Column, Real Text, Fast Pages Old web design built for a wide desktop, then squeezed it onto phones as an afterthought, where most traffic actually lives. Flip it: design the phone view first. Start with one column and one clear job per screen, then add room as the screen grows. Ship real text instead of a picture of text so search engines and screen readers can read it. Treat the site as a path with one obvious next step, not a brochure. Compress images and drop unused code, because a slow page loses people before the pitch. More at temerarii.com. #webdesign #ux #responsivedesign

Composition layer × scene 9 scenes · this post's OWN storyboard (distinct per asset)

#Layer (comp_id · still · tier)BeatTimecodeMotionLogoAudioVO / on-screen / caption
1s1
matches intent
shared field
signature-3d
open0–6.3sspatial-parallaxicon·liquid-chrome♪ bed_in
Old web design built for a wide desktop, then squeezed it onto phones as an afterthought.
on-screen: Sites built for the desktop first
expected on screen: red ground · tetra hero in the shared Signal Field · Nexus leads · node-graph · spatial-parallax · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape tetraground redtreatment liquid-chromemotion spatial-parallaxpower summoninstrument summon→Sites built for the desktop first
2s2
matches intent
shared field
signature-3d
hook6.3–12.899999999999999skinetic-buildicon·white-knockout♪ node_lock
Now you design for the smallest screen first, because that is where most of your traffic lives.
on-screen: Start at the smallest screen
expected on screen: red ground · tetra hero in the shared Signal Field · Nexus leads · mark · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual markshape tetraground redtreatment white-knockoutmotion kinetic-buildpower laser-lockinstrument laser-trace→Start at the smallest screen
3s3
matches intent
NumberedList
template
teach12.9–19.5skinetic-buildicon·liquid-chrome♪ node_lock
Start with one column and one clear job per screen, then add room as the screen grows.
on-screen: One column, one clear job
expected on screen: red ground · a NumberedList panel over a dimmed Signal Field · Nexus leads · node-graph · kinetic-build · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id NumberedListvisual node-graphshape tetraground redtreatment liquid-chromemotion kinetic-buildpower morphinstrument morph+laser→One column, one clear jobcurate items, nodes
4s4
matches intent
RankList
template
proof19.5–26.5sreceipts-counticon·white-knockout♪ node_lock
Ship real text instead of a picture of text, so search engines and screen readers can read it.
on-screen: Ship real text, not an image
expected on screen: red ground · a RankList panel over a dimmed Signal Field · Nexus leads · receipts · receipts-count · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id RankListvisual receiptsshape tetraground redtreatment white-knockoutmotion receipts-countpower receiptsinstrument spotlight→Ship real text, not an imagecurate rows, statsLabels
5s5
matches intent
StackTrace
template
diff26.5–34.2scrossfade-8ficon·liquid-chrome♪ node_lock
A site is not a brochure to admire, it is a path with one obvious next step on every screen.
on-screen: Not a brochure, a path
expected on screen: red ground · a StackTrace panel over a dimmed Signal Field · Nexus leads · code · crossfade-8f · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id StackTracevisual codeshape tetraground redtreatment liquid-chromemotion crossfade-8fpower morphinstrument morph→Not a brochure, a pathcurate codeLines, errMsg, errType, fix, frames
6s6
matches intent
ChecklistCard
template
teach34.2–40.800000000000004skinetic-buildicon·white-knockout♪ node_lock
Compress the images and drop the unused code, because a slow page loses people before the pitch.
on-screen: Cut the page weight
expected on screen: red ground · a ChecklistCard panel over a dimmed Signal Field · Nexus leads · node-graph · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id ChecklistCardvisual node-graphshape tetraground redtreatment white-knockoutmotion kinetic-buildpower morphinstrument morph+laser→Cut the page weightcurate items, nodes
7s7
matches intent
StatScoreboard
template
proof40.8–47.099999999999994sreceipts-counticon·liquid-chrome♪ node_lock
A page that loads fast and reads clearly keeps people around long enough to actually decide.
on-screen: Fast and readable, more stay
expected on screen: red ground · a StatScoreboard panel over a dimmed Signal Field · Nexus leads · receipts · receipts-count · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id StatScoreboardvisual receiptsshape tetraground redtreatment liquid-chromemotion receipts-countpower receiptsinstrument spotlight→Fast and readable, more staycurate pillar, stats, statsLabels
8s8
matches intent
AnnotatedDiagram
template
step47.1–53.4skinetic-buildicon·white-knockout♪ node_lock
Step one is designing the phone view first, before you ever open the wide desktop layout.
on-screen: Design the phone view first
expected on screen: red ground · a AnnotatedDiagram panel over a dimmed Signal Field · Nexus leads · pipeline · kinetic-build · icon·white-knockout logo · caption bottom-left
spec (the prompt): comp_id AnnotatedDiagramvisual pipelineshape tetraground redtreatment white-knockoutmotion kinetic-buildpower throwinstrument laser-trace→Design the phone view firstcurate callouts, stages, steps
9s9
matches intent
shared field
signature-3d
resolve53.4–61.1scoalescenceicon·liquid-chrome♪ bed_out
Built for the screen people actually hold, not the one we design on. That is web at The Big T-M.
on-screen: Built for the screen they use
expected on screen: red ground · tetra hero in the shared Signal Field · Nexus leads · coalescence · coalescence · icon·liquid-chrome logo · caption bottom-left
spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape tetraground redtreatment liquid-chromemotion coalescencepower coalescenceinstrument coalescence→Built for the screen they use

Cross-links this post in the day's output set