The logo goes on every clip, the outro plays whole, and a guest has a name

backend/cli.py

@@ -575,6 +575,15 @@ def cmd_process(args):
         config["format"] = args.format
     if getattr(args, "profile", None):
         config["profile"] = args.profile
+    if getattr(args, "name_card", None):
+        config["name_card"] = {
+            "title": args.name_card,
+            "subtitle": getattr(args, "name_card_sub", None),
+            "seconds": getattr(args, "name_card_seconds", None),
+            "accent": getattr(args, "name_card_accent", None),
+        }
+    if getattr(args, "bookend_fade", None) is not None:
+        config["bookend_fade"] = args.bookend_fade
     if getattr(args, "thumbnails", None) is not None:
         config["generate_thumbnails"] = args.thumbnails
     if args.top:
@@ -1055,6 +1064,8 @@ def _transcribe_progress(pct, msg):
                         logo_path=config.get("logo_path") or None,
                         outro_path=config.get("outro_path") or None,
                         intro_path=config.get("intro_path") or None,
+                        name_card=config.get("name_card"),
+                        bookend_fade=config.get("bookend_fade", 0.0),
                         keep_segments=clip.get("segments"),
                         face_map=face_map,
                         allow_ass_fallback=config.get("allow_ass_fallback", False),
@@ -3989,6 +4000,16 @@ def main():
     proc.add_argument("--profile", choices=["podcast", "party", "action"], help="Detection profile: podcast (transcript-first, default), party/action (laughter/energy highlights)")
     proc.add_argument("--logo", help="Logo image (asset name or path)")
     proc.add_argument("--outro", help="Outro video (asset name or path)")
+    proc.add_argument("--name-card", dest="name_card",
+                      help="Lower third naming the speaker, shown for the first seconds")
+    proc.add_argument("--name-card-sub", dest="name_card_sub",
+                      help="Second line of the lower third")
+    proc.add_argument("--name-card-seconds", dest="name_card_seconds", type=float,
+                      help="How long the lower third holds (default 3)")
+    proc.add_argument("--name-card-accent", dest="name_card_accent",
+                      help="Underline colour on the lower third")
+    proc.add_argument("--bookend-fade", dest="bookend_fade", type=float, default=0.0,
+                      help="Seconds of crossfade into an intro or outro (default 0, a cut)")
     proc.add_argument("--no-outro", action="store_true", help="Do not append an outro (default for highlight profiles)")
     proc.add_argument("--intro", help="Intro video (asset name or path)")
     proc.add_argument("--time-adjust", type=float, help="Timestamp offset in seconds")

backend/config/caption_styles.py

@@ -74,7 +74,6 @@ def _detect_font() -> str:
         "words_per_chunk": 3,                  # Show 3 words at a time
         "uppercase": True,
         "gradient_overlay": False,
-        "logo_support": False,
     },
     "karaoke": {
         "description": "Full sentence visible, words highlight progressively",
@@ -92,7 +91,6 @@ def _detect_font() -> str:
         "words_per_chunk": 5,
         "uppercase": False,
         "gradient_overlay": False,
-        "logo_support": False,
     },
     "subtle": {
         "description": "Clean white text at bottom with shadow, professional look",
@@ -110,7 +108,6 @@ def _detect_font() -> str:
         "words_per_chunk": 5,
         "uppercase": False,
         "gradient_overlay": False,
-        "logo_support": False,
     },
     "branded": {
         "description": "Large bold text, 5-7 words wrapping across 2 lines, dark rounded pill on active word. Clean, no gradient.",
@@ -134,7 +131,6 @@ def _detect_font() -> str:
         "uppercase": False,                     # Mixed case, natural capitalization
         "gradient_overlay": False,              # No gradient — clean direct-on-video
         "gradient_opacity": 0.0,
-        "logo_support": True,                   # Logo top-left
         "logo_margin_x": 40,                    # Logo X offset from left
         "logo_margin_y": 60,                    # Logo Y offset from top
         "logo_height": 100,                     # Logo height in px

backend/services/clip_generator.py

@@ -465,6 +465,7 @@ def _render_with_remotion(
     output_path: str,
     time_offset: float = 0.0,
     logo_path: Optional[str] = None,
+    name_card: Optional[dict] = None,
     keep_caption_overlay: bool = False,
 ) -> tuple[bool, Optional[str]]:
     """
@@ -590,6 +591,14 @@ def _render_with_remotion(
         ]
         if logo_path and os.path.exists(logo_path):
             cmd.extend(["--logo", os.path.abspath(logo_path)])
+        if name_card and name_card.get("title"):
+            cmd.extend(["--name-card", str(name_card["title"])])
+            if name_card.get("subtitle"):
+                cmd.extend(["--name-card-sub", str(name_card["subtitle"])])
+            if name_card.get("seconds"):
+                cmd.extend(["--name-card-seconds", str(name_card["seconds"])])
+            if name_card.get("accent"):
+                cmd.extend(["--name-card-accent", str(name_card["accent"])])
         if keep_caption_overlay:
             cmd.append("--keep-overlay")
 
@@ -652,6 +661,8 @@ def generate_clip(
     logo_path: Optional[str] = None,
     outro_path: Optional[str] = None,
     intro_path: Optional[str] = None,
+    name_card: Optional[dict] = None,
+    bookend_fade: float = 0.0,
     clean_fillers: bool = True,
     keep_segments: list[dict] = None,
     trim_opening: Optional[bool] = None,
@@ -909,7 +920,8 @@ def generate_clip(
                         caption_style=caption_style,
                         output_path=captioned_path,
                         time_offset=caption_time_offset,
-                        logo_path=logo_path if (style_config.get("logo_support", False) and logo_path) else None,
+                        logo_path=logo_path or None,
+                        name_card=name_card,
                         keep_caption_overlay=keep_caption_overlay,
                     )
 
@@ -931,7 +943,7 @@ def generate_clip(
 
                     use_gradient = style_config.get("gradient_overlay", False)
                     gradient_opacity = style_config.get("gradient_opacity", 0.6)
-                    use_logo = style_config.get("logo_support", False) and logo_path
+                    use_logo = bool(logo_path)
 
                     burn_captions(
                         input_path=cropped_path,
@@ -970,15 +982,17 @@ def generate_clip(
             intro_scaled = os.path.join(work_dir, "intro_scaled.mp4")
             scale_to_frame(intro_path, intro_scaled, cw, ch)
             with_intro_path = os.path.join(work_dir, "with_intro.mp4")
-            concat_outro(intro_scaled, final_video_path, with_intro_path)
+            concat_outro(intro_scaled, final_video_path, with_intro_path,
+                         crossfade_duration=bookend_fade)
             final_video_path = with_intro_path
 
         if outro_path and os.path.exists(outro_path):
             if progress_callback:
                 progress_callback(85, f"Adding outro ({total_steps}/{total_steps})")
 
             with_outro_path = os.path.join(work_dir, "with_outro.mp4")
-            concat_outro(final_video_path, outro_path, with_outro_path)
+            concat_outro(final_video_path, outro_path, with_outro_path,
+                         crossfade_duration=bookend_fade)
             final_video_path = with_outro_path
 
         # Step 6: Move to output

remotion/render.mjs

@@ -143,12 +143,24 @@ async function main() {
   const durationSec = videoDuration || (lastWord ? lastWord.end + 0.5 : 30);
   const durationInFrames = Math.ceil(durationSec * fps);
 
+  // Who is speaking, for the lower third. Sent whole so the composition takes
+  // one prop rather than six loose ones.
+  const nameCard = opts["name-card"]
+    ? {
+        title: opts["name-card"],
+        subtitle: opts["name-card-sub"] || undefined,
+        seconds: opts["name-card-seconds"] ? parseFloat(opts["name-card-seconds"]) : undefined,
+        accent: opts["name-card-accent"] || undefined,
+      }
+    : null;
+
   const inputProps = {
     videoSrc,
     words,
     styleName,
     logoSrc,
     faceY,
+    nameCard,
     durationInFrames,
     fps,
   };

remotion/src/CaptionedClip.tsx

@@ -1,9 +1,12 @@
 import React from "react";
-import { AbsoluteFill } from "remotion";
+import { AbsoluteFill, useVideoConfig } from "remotion";
 import { HormoziCaptions } from "./components/HormoziCaptions";
 import { KaraokeCaptions } from "./components/KaraokeCaptions";
 import { SubtleCaptions } from "./components/SubtleCaptions";
 import { BrandedCaptions } from "./components/BrandedCaptions";
+import { NameCard } from "./components/NameCard";
+import type { NameCardProps } from "./components/NameCard";
+import { Watermark } from "./components/Watermark";
 import type { Word, CaptionStyle } from "./types";
 
 export interface CaptionedClipProps {
@@ -12,14 +15,18 @@ export interface CaptionedClipProps {
   style: CaptionStyle;
   logoSrc?: string;
   faceY?: number | null;
+  /** Who is speaking, shown for the first few seconds. */
+  nameCard?: NameCardProps | null;
 }
 
 export const CaptionedClip: React.FC<CaptionedClipProps> = ({
   words,
   style,
   logoSrc,
   faceY,
+  nameCard,
 }) => {
+  const { height } = useVideoConfig();
   const CaptionComponent = {
     hormozi: HormoziCaptions,
     karaoke: KaraokeCaptions,
@@ -29,11 +36,13 @@ export const CaptionedClip: React.FC<CaptionedClipProps> = ({
 
   return (
     <AbsoluteFill style={{ backgroundColor: "transparent" }}>
+      <Watermark src={logoSrc} height={height} />
       {style.name === "branded" ? (
-        <BrandedCaptions words={words} style={style} logoSrc={logoSrc} faceY={faceY} />
+        <BrandedCaptions words={words} style={style} faceY={faceY} />
       ) : (
         <CaptionComponent words={words} style={style} />
       )}
+      {nameCard?.title && <NameCard {...nameCard} />}
     </AbsoluteFill>
   );
 };

remotion/src/Root.tsx

@@ -41,6 +41,14 @@ const inputProps = getInputProps() as {
   bookendPlatforms?: string[];
   bookendBg?: string;
   bookendAccent?: string;
+  nameCard?: {
+    title: string;
+    subtitle?: string;
+    seconds?: number;
+    background?: string;
+    color?: string;
+    accent?: string;
+  } | null;
 };
 
 export const RemotionRoot: React.FC = () => {
@@ -62,6 +70,7 @@ export const RemotionRoot: React.FC = () => {
           style: STYLES[inputProps.styleName || "branded"],
           logoSrc: inputProps.logoSrc,
           faceY: inputProps.faceY ?? null,
+          nameCard: inputProps.nameCard ?? null,
         }}
       />
       <Composition

remotion/src/components/BrandedCaptions.tsx

@@ -3,8 +3,6 @@ import {
   useCurrentFrame,
   useVideoConfig,
   spring,
-  Img,
-  staticFile,
 } from "remotion";
 import type { Word, CaptionStyle } from "../types";
 import { captionScale } from "../types";
@@ -13,7 +11,6 @@ import { buildChunks, activeChunkAt } from "../chunks";
 interface Props {
   words: Word[];
   style: CaptionStyle;
-  logoSrc?: string;
   faceY?: number | null; // normalized 0-1 (0=top, 1=bottom)
 }
 
@@ -115,7 +112,6 @@ const CaptionLine: React.FC<{
 export const BrandedCaptions: React.FC<Props> = ({
   words,
   style,
-  logoSrc,
   faceY,
 }) => {
   const frame = useCurrentFrame();
@@ -147,20 +143,6 @@ export const BrandedCaptions: React.FC<Props> = ({
 
   return (
     <>
-      {logoSrc && (
-        <Img
-          src={logoSrc.startsWith("http") ? logoSrc : staticFile(logoSrc)}
-          style={{
-            position: "absolute",
-            top: 180 * s,
-            left: 108 * s,
-            width: 255 * s,
-            height: 126 * s,
-            objectFit: "contain",
-          }}
-        />
-      )}
-
       {activeChunk && (() => {
         const [line1, line2] = splitIntoLines(activeChunk.words);
 

remotion/src/components/NameCard.tsx

@@ -0,0 +1,90 @@
+import React from "react";
+import { useCurrentFrame, useVideoConfig } from "remotion";
+import { captionScale } from "../types";
+import { fadeInOut } from "../motion";
+
+export interface NameCardProps {
+  /** Who is speaking, and what they are. One line each. */
+  title: string;
+  subtitle?: string;
+  /** How long it stays, from the top of the clip. */
+  seconds?: number;
+  background?: string;
+  color?: string;
+  accent?: string;
+}
+
+/**
+ * The lower third that says who this is.
+ *
+ * A clip lifted out of an hour of conversation opens on a stranger. Every
+ * show solves it the same way and podcli had no answer at all, so the name
+ * card was drawn somewhere else and burned in by hand.
+ *
+ * Anchored to the bottom rather than centred, sized off the composition the
+ * way captions are, and gone by the time anyone would tire of it.
+ */
+export const NameCard: React.FC<NameCardProps> = ({
+  title,
+  subtitle,
+  seconds = 3,
+  background = "rgba(0,0,0,0.85)",
+  color = "#FFFFFF",
+  accent = "#2ED9C3",
+}) => {
+  const frame = useCurrentFrame();
+  const { fps, height } = useVideoConfig();
+  const s = captionScale(height);
+
+  if (!title) return null;
+
+  const opacity = fadeInOut({
+    frame, fps, start: 0, end: seconds, inFrames: 8, outFrames: 10,
+  });
+  if (opacity <= 0) return null;
+
+  return (
+    <div
+      style={{
+        position: "absolute",
+        left: 0,
+        bottom: 620 * s,
+        maxWidth: "78%",
+        padding: `${18 * s}px ${28 * s}px ${16 * s}px`,
+        background,
+        borderBottom: `${10 * s}px solid ${accent}`,
+        opacity,
+        // Rises the last few pixels as it arrives, which reads as arriving
+        // rather than appearing.
+        transform: `translateY(${(1 - opacity) * 12 * s}px)`,
+      }}
+    >
+      <div
+        style={{
+          fontFamily: "'DM Sans', sans-serif",
+          fontSize: 44 * s,
+          fontWeight: 700,
+          lineHeight: 1.2,
+          color,
+        }}
+      >
+        {title}
+      </div>
+      {subtitle && (
+        <div
+          style={{
+            fontFamily: "'DM Sans', sans-serif",
+            fontSize: 38 * s,
+            fontWeight: 400,
+            lineHeight: 1.25,
+            marginTop: 4 * s,
+            color,
+            opacity: 0.85,
+          }}
+        >
+          {subtitle}
+        </div>
+      )}
+    </div>
+  );
+};