Web Design — social-W24-Thu-2 — Temerarii Media Back Office

post social-W24-Thu-2kind threadweek W24date 2026-06-18campaign thread · Thupillar it_devbeat Thuasset videoduration 53.1sground redscenes 9

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 social-W24-Thu-2 good|bad)

⚠ 1 flag(s) — not yet ship-ready: copy_generic · see docs/strategy/VIDEO-CHECKLIST.md

Composition comp · template family · expected output

composition SceneReelfamily / template SignalFieldReel

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

#	Layer (comp_id · still · tier)	Beat	Timecode	Motion	Logo	Audio	VO / on-screen / caption
1	still pending matches intent shared field signature-3d	open	0–5.0s	spatial-parallax	icon·liquid-chrome	♪ bed_in	Plenty of websites are pretty and completely useless. on-screen: Pretty sites that nobody uses
	expected on screen: red ground · box hero in the shared Signal Field · Faber leads · node-graph · spatial-parallax · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape boxground redtreatment liquid-chromemotion spatial-parallaxpower summoninstrument summon→Pretty sites that nobody uses
2	still pending matches intent shared field signature-3d	hook	5.0–12.3s	kinetic-build	icon·white-knockout	♪ node_lock	Here is how The Big T-M designs the path a visitor takes, not just the page they land on. on-screen: Design the path, not the page
	expected on screen: red ground · box hero in the shared Signal Field · Faber leads · mark · kinetic-build · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual markshape boxground redtreatment white-knockoutmotion kinetic-buildpower laser-lockinstrument laser-trace→Design the path, not the page
3	still pending matches intent NumberedList template	teach	12.3–18.6s	kinetic-build	icon·liquid-chrome	♪ node_lock	Decide the single job of each page first, then delete everything that does not serve it. on-screen: Name the one job per page
	expected on screen: red ground · a NumberedList panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id NumberedListvisual node-graphshape boxground redtreatment liquid-chromemotion kinetic-buildpower morphinstrument morph+laser→Name the one job per pagecurate items, nodes
4	still pending matches intent RankList template	proof	18.6–24.900000000000002s	receipts-count	icon·white-knockout	♪ node_lock	The proof: a page with one clear next step beats a page with ten polite options. on-screen: One clear action wins
	expected on screen: red ground · a RankList panel over a dimmed Signal Field · Faber leads · receipts · receipts-count · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id RankListvisual receiptsshape boxground redtreatment white-knockoutmotion receipts-countpower receiptsinstrument spotlight→One clear action winscurate rows, statsLabels
5	still pending matches intent CodeWindow template	diff	24.9–30.799999999999997s	crossfade-8f	icon·liquid-chrome	♪ node_lock	The old way crammed every link into the menu and called the confusion a feature. on-screen: Old way: cram in every link
	expected on screen: red ground · a CodeWindow panel over a dimmed Signal Field · Faber leads · code · crossfade-8f · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id CodeWindowvisual codeshape boxground redtreatment liquid-chromemotion crossfade-8fpower morphinstrument morph→Old way: cram in every linkcurate codeLines, windowTitle
6	still pending matches intent ChecklistCard template	teach	30.8–37.4s	kinetic-build	icon·white-knockout	♪ node_lock	Now you write the real words first, because a layout is just a frame for a message. on-screen: Write the words before the layout
	expected on screen: red ground · a ChecklistCard panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id ChecklistCardvisual node-graphshape boxground redtreatment white-knockoutmotion kinetic-buildpower morphinstrument morph+laser→Write the words before the layoutcurate items, nodes
7	still pending matches intent StatScoreboard template	proof	37.4–42.6s	receipts-count	icon·liquid-chrome	♪ node_lock	The receipt is plain: fast and clear out-performs clever and slow every time. on-screen: Fast and clear beats clever
	expected on screen: red ground · a StatScoreboard panel over a dimmed Signal Field · Faber leads · receipts · receipts-count · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id StatScoreboardvisual receiptsshape boxground redtreatment liquid-chromemotion receipts-countpower receiptsinstrument spotlight→Fast and clear beats clevercurate pillar, stats, statsLabels
8	still pending matches intent PipelineMap template	step	42.6–48.1s	kinetic-build	icon·white-knockout	♪ node_lock	Watch five strangers use it, and fix the exact spot where each one hesitates. on-screen: Watch five strangers click
	expected on screen: red ground · a PipelineMap panel over a dimmed Signal Field · Faber leads · pipeline · kinetic-build · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id PipelineMapvisual pipelineshape boxground redtreatment white-knockoutmotion kinetic-buildpower throwinstrument laser-trace→Watch five strangers clickcurate stages, steps
9	still pending matches intent shared field signature-3d	resolve	48.1–53.1s	coalescence	icon·liquid-chrome	♪ bed_out	Clarity is the design, the rest is decoration. on-screen: Clarity is the design
	expected on screen: red ground · box hero in the shared Signal Field · Faber leads · coalescence · coalescence · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape boxground redtreatment liquid-chromemotion coalescencepower coalescenceinstrument coalescence→Clarity is the design

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 9 destinations

LinkedInX/TwitterYouTubeInstagramFacebookThreadsTikTokPinterestBluesky

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

tiktokPlenty of websites are pretty and useless. Method: name the ONE job of each page, delete what doesn't serve it, write the words before the layout, then watch 5 strangers click and fix where they hesitate. AI-assisted production. Method below.

instagramPretty ≠ useful. Name the one job per page. Delete the rest. Words before layout. Watch 5 strangers click. #webdesign #ux #design #website #temerarii

linkedinPlenty of websites are pretty and completely useless. The approach we use: decide the single job of each page first and delete everything that doesn't serve it, write the real words before the layout because a layout is just a frame for a message, and watch five strangers use it to fix the exact spot where each hesitates. Fast and clear beats clever and slow every time. Takeaway: clarity is the design, the rest is decoration.

xPlenty of websites are pretty and useless. Name the ONE job per page → delete the rest → words before layout → watch 5 strangers click. Clarity is the design. temerarii.com

facebookPlenty of websites are pretty and completely useless. Here's the move: decide the single job of each page first and delete everything that doesn't serve it, write the real words before the layout, and watch five strangers use it to fix where each one hesitates. Fast and clear beats clever and slow. Want the web design method? It's on the site.

threadsPlenty of websites are pretty and useless. Name the one job of each page, delete the rest, write the words before the layout, watch 5 strangers click. Clarity is the design.

pinterestWeb design that converts: how to define one job per page, write copy before layout, simplify navigation, and run five-user usability tests. Plain-language website UX and design guide for businesses.

blueskyPlenty of websites are pretty and useless. Name the one job per page, delete the rest, words before layout, watch 5 strangers click. Clarity is the design. temerarii.com

youtubeWeb Design: Pretty Sites Nobody Uses, And How To Fix Them Plenty of websites are pretty and completely useless. This breakdown shows the approach: decide the single job of each page first and delete everything that doesn't serve it, write the real words before the layout because a layout is just a frame, and watch five strangers use it to fix where each one hesitates. Fast and clear beats clever and slow. AI-assisted production. Give-it-away method from The Big T-M. Chapters: pretty and useless · one job per page · words first · fast over clever · watch strangers click.

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

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