Files
flatrender/services/remotion/briefs/character-journey.md
T
soroush.asadi 2104dd3c84 feat(remotion): theme system + CharacterJourney pilot template
- src/scenes/themes.ts: 6 curated themes (the cohesion rail) — pick one, then
  tweak the 4 brand colors; every block derives its shades so a theme re-skins
  the whole video coherently (verified: same journey rendered in warm-editorial
  vs berry-pop by overriding only the 4 colors).
- src/scenes/presets.ts: CHARACTER_JOURNEY — the pilot template's scene list
  ("Idea → struggle → tool → win", 7 beats) as a FlexStory preset.
- briefs/character-journey.md: the filled Template Spec from the guided brief.
- Root.tsx: register CharacterJourney per aspect (FlexStory + the preset).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 13:19:51 +03:30

47 lines
2.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Template Spec — CharacterJourney (pilot)
Produced by the guided brief (`docs/TEMPLATE_BRIEF.md`). The first filled spec —
serves as the audit trail and the contract a future AI/user-form would emit.
## Decisions (from the brief)
- **Type:** character explainer / story (framework targets ALL Renderforest-style
types — logo reveal, opener, slideshow, promo, showcase, personal/commercial — via
the shared scene-block engine; this is the first concrete template).
- **Story:** Idea → struggle → tool → win.
- **Design ingredients (all on):** flat 2.5D characters · 3D depth + parallax ·
kinetic typography · film finish (grain/vignette/micro-motion).
- **Timing:** standard — 3s default, editable 16s per scene.
- **Colors:** theme + 4-color tweak (curated `THEMES`, then accent/secondary/bg/text
override). Pilot theme: `warm-editorial`.
- **Music:** per-category/vibe — a tagged library; this arc → "uplifting build".
*(Dependency: vendored CC0 music not yet sourced — audio hooks designed, stubbed.)*
- **SFX:** optional, operator-placed (whoosh/click on transitions), user-toggle.
*(Dependency: vendored CC0 SFX not yet sourced.)*
- **Aspect:** all three (16:9 / 1:1 / 9:16), re-flowed.
## Scene list (storyboard) — `src/scenes/presets.ts` `CHARACTER_JOURNEY`
| # | Block | Dur | Beat | Copy (fa) |
|---|---|---|---|---|
| 1 | TitleCard | 4s | Hook | «از یک ایده تا واقعیت» |
| 2 | CharacterScene | 3s | Idea | «یک ایده» (cup) |
| 3 | CharacterScene | 3s | Struggle | «اما سخت بود» |
| 4 | CharacterScene | 3s | Tool | «تا اینکه…» (laptop) |
| 5 | Slideshow | 6s | Value | «چرا فلت‌رندر؟» × 3 |
| 6 | CharacterScene | 3s | Win | «و حالا…» (plant) |
| 7 | OutroCTA | 4s | CTA | «فلت‌رندر» + «رایگان شروع کن» |
Total ≈ 26s (dynamic; tracks Σ per-scene durations).
## Editable surface (the "rails")
- **Content:** per-scene title/caption/text/character/prop/slides (bounded fields,
smart defaults).
- **Structure:** flexible — add/duplicate/delete/reorder scenes; per-scene duration 16s.
- **Theme:** pick a `THEMES` entry, then tweak the 4 brand colors.
- **Locked (not user-editable):** layout, motion language, finishing pass, type scale —
the craft stays in the system.
## Status
- Renders via FlexStory in all 3 aspects (engine = Phase 1, committed).
- Pending: theme picker in studio, music/SFX audio assets, seed into the catalog,
backend render passthrough (Phase 2).