From 44d9ab87798a0624b0228902d5ea3a8b200e31d5 Mon Sep 17 00:00:00 2001 From: Claw Date: Wed, 29 Jul 2026 19:43:34 -0500 Subject: [PATCH] docs: add YouTube anime countdown style template --- .../youtube-anime-countdown-style-template.md | 242 ++++++++++++++++++ README.md | 4 + 2 files changed, 246 insertions(+) create mode 100644 PLANNING/youtube-anime-countdown-style-template.md diff --git a/PLANNING/youtube-anime-countdown-style-template.md b/PLANNING/youtube-anime-countdown-style-template.md new file mode 100644 index 0000000..f82c8f7 --- /dev/null +++ b/PLANNING/youtube-anime-countdown-style-template.md @@ -0,0 +1,242 @@ +# YouTube Anime Countdown Style Template + +A source-grounded template for recreating the actual edit language of a legacy WatchMojo-style anime countdown inside Organized Motion. + +## Source reference + +This template was distilled from the YouTube video below and normalized into an Organized Motion-friendly operating pattern. + +- Title: `Top 10 Anime Hackers` +- Creator: `WatchMojo.com` +- URL: +- Duration: `9:43` +- Source angle: editorial listicle, not a high-motion generative short + +## What this template is for + +Use this when you want Organized Motion to plan or build a ranked anime, character, or media countdown with: + +- one narrator guiding the entire piece +- rapid editorial clip swaps instead of long generated shots +- recognizable list progression by rank +- minimal but persistent brand packaging +- 2D source-footage energy, not faux-3D spectacle + +This is a planning template, not a claim that every hidden production detail is visible from the source alone. + +## Core thesis + +The actual style is lighter and more editorial than it first appears. + +It is **not** a dense cyber-HUD animation package. +It is a **voiceover-first countdown edit** built from: + +1. recognizable anime clip selections +2. fast cuts aligned to narration clauses +3. one persistent brand watermark +4. sparse callouts and occasional promo bugs +5. rank progression carried mostly by script structure and clip choice + +If you over-design this style, it stops feeling like the reference. + +## Evidence used + +- source metadata and description +- source transcript +- sampled browser frames from the opening stretch +- visible player state showing list chapters such as `Intro`, `Akira`, and later rank markers + +## Directly supported by the source + +These points are explicitly or visually supported by the source evidence: + +- the video is structured as a countdown from `#10` to `#1` +- the pacing is driven by a single narrator introducing each entry in sequence +- the visual material is anime footage or still-derived excerpts, not bespoke motion graphics +- the frame is usually filled by a close or medium crop of the featured character or action moment +- a large circular WatchMojo watermark sits at lower left through the footage +- the piece uses hard cuts and quick reframing rather than long continuous camera choreography +- the opening beat quickly establishes the topic, then enters the first ranked character with almost no detour +- the outro returns to a standard WatchMojo subscribe / related-clips cadence + +## Inferred but likely + +These are strong operating assumptions, but not every one is proven by the sampled frames alone: + +- some shots use slight digital punch-ins or repositioned crops to keep still or low-motion anime material feeling active +- the edit probably alternates between close face crops, interface shots, and action inserts to avoid visual fatigue during each spoken paragraph +- rank transitions are likely marked more by edit cadence and narrator reset than by large custom animated lower-thirds +- music and effects are supportive, not dominant + +## Unknown or not shown clearly + +- the exact source-clipping workflow used by WatchMojo +- whether every rank has a fully custom title card or only standard chapter metadata +- the exact typography package used inside the original edit beyond the persistent brand language +- the exact reuse policy for repeated clips within one entry + +## Actual style fingerprint + +### 1. Visual grammar + +- **Source-first imagery:** anime scenes do the heavy lifting +- **Tight crops:** faces, goggles, keyboards, screen reflections, reaction shots +- **Cel-color dominance:** warm skin tones, saturated hair colors, strong contrast outlines +- **Low overlay density:** most of the frame is left to the anime image +- **Persistent brand anchor:** large cyan WatchMojo circle in the lower-left corner +- **Occasional promo chip:** small subscribe or channel bug may appear without taking over the frame + +### 2. Motion grammar + +- **Edit-driven motion:** hard cuts do more work than animation curves +- **Clause-level rhythm:** shots change with the narrator's phrasing, often every 1 to 3 seconds +- **Short entry reset:** each new rank begins with a brisk structural reset, then a short descriptive run +- **Micro-reframes over spectacle:** small push-ins, crop shifts, or different source angles keep momentum +- **No long hero camera move:** the source does not behave like a premium one-shot WebGL piece + +### 3. Audio grammar + +- one confident countdown narrator +- compressed delivery with little dead air +- music bed supports momentum without overpowering voiceover +- each entry gets a concise premise, one or two proof points, then the edit moves on + +### 4. Graphic language + +- brand recognition comes mainly from the watermark and channel formatting +- on-frame graphics should be sparse and disposable +- if text appears, it should be quick, readable, and subordinate to the clip +- the style tolerates simple chips, rank bugs, and short labels better than large glassmorphism panels + +## What this means for Organized Motion + +Treat this as an **editorial montage template**, not a generative motion showcase. + +### Best-fit generator lane + +Prefer: + +- `manual` for source clips, stills, chapter cards, and archive footage +- `higgsfield` only for short bridge shots or original intro/outro inserts when source footage is unavailable +- `meshy` rarely, and only if a brief explicitly asks for a stylized transition object rather than faithful listicle energy + +### Composition guidance + +- use quick deterministic cuts +- keep captions short and optional +- let the source frame stay visible +- reserve the lower-left area for brand presence or keep that space visually quiet +- avoid over-layering side cards, neon frames, or dashboard chrome + +### Organized Motion beat mapping + +Recommended beat structure for one ranked entry: + +1. `hook` - topic promise or setup sentence +2. `evidence` - first character reveal crop +3. `mechanism` - proof clip showing the character's skill or signature behavior +4. `value` - second proof clip or consequence line +5. `payoff` - closing verdict for the rank +6. `cta` - only at the full-video level, not every rank + +## One-entry shot template + +Use this when adapting the style into a short vertical or horizontal Organized Motion brief. + +```json +{ + "title": "Anime hacker countdown entry", + "shots": [ + { + "shotIndex": 0, + "beat": "hook", + "prompt": "hard-cut editorial intro card for ranked anime hacker countdown, bold simple title, cyan brand accent, fast listicle energy", + "aspect": "16:9", + "durationSeconds": 1.5, + "generator": "manual" + }, + { + "shotIndex": 1, + "beat": "evidence", + "prompt": "tight crop on featured anime hacker face or screen reflection, source-footage style, no extra HUD overlays, slight digital punch-in", + "aspect": "16:9", + "durationSeconds": 2.0, + "generator": "manual" + }, + { + "shotIndex": 2, + "beat": "mechanism", + "prompt": "secondary proof clip showing computer interaction, tactical screen, or reaction beat, quick editorial cut, same source-first style", + "aspect": "16:9", + "durationSeconds": 2.0, + "generator": "manual" + }, + { + "shotIndex": 3, + "beat": "value", + "prompt": "supporting action insert or consequence shot, short duration, listicle pacing, minimal overlays", + "aspect": "16:9", + "durationSeconds": 1.8, + "generator": "manual" + }, + { + "shotIndex": 4, + "beat": "payoff", + "prompt": "final verdict shot for the ranked entry, clean hold, ready for next-number cut", + "aspect": "16:9", + "durationSeconds": 1.5, + "generator": "manual" + } + ] +} +``` + +## Adaptation rules + +### If keeping the source style faithful + +- keep the frame mostly clean +- trust the anime imagery +- keep text sparse +- let narration carry the explanation +- cut sooner than you think + +### If adapting to 9:16 + +- crop around faces, eyes, keyboards, or monitors +- rebuild title cards only when needed for readability +- avoid forcing landscape multi-character scenes into vertical if the focal subject becomes unclear +- keep the watermark or brand bug smaller than in the 16:9 original so it does not eat vertical real estate + +## Negative constraints + +Do **not** turn this into: + +- a cyberpunk HUD demo +- a particle-heavy WebGL hero +- a mesh-driven 3D explainer +- a glass-card dashboard +- a slow cinematic trailer +- a dense kinetic-typography piece where text overwhelms footage + +## Quick evaluation checklist + +Before calling a remake faithful, verify: + +- does narration still lead the pacing? +- are cuts short and editorial? +- is the frame mostly source imagery instead of overlay UI? +- does the piece read as a countdown, not a speculative motion concept? +- could this plausibly sit beside a legacy WatchMojo anime top-10 video without feeling overproduced? + +## Organized Motion fit summary + +This template is useful because it reminds the system that some references should be captured as **editing grammar**, not as expensive generation problems. + +The best recreation path is usually: + +1. script the ranked commentary +2. source or register the right clips +3. cut aggressively to narration +4. add only the minimum brand packaging needed +5. reserve generation spend for gaps, not for the entire piece diff --git a/README.md b/README.md index cebc10f..0897bb1 100644 --- a/README.md +++ b/README.md @@ -45,3 +45,7 @@ open "https://motion.organizedai.vip/?brief=brief_xxx" See `ARCHITECTURE/system-design.md` for the full picture and `PLANNING/implementation-roadmap.md` for phase order. + +## Reference templates + +- `PLANNING/youtube-anime-countdown-style-template.md` for a source-grounded WatchMojo-style countdown template that captures the actual editorial anime-listicle grammar instead of over-designing it as a generative motion piece.