diff --git a/docs/guides/captions-and-recuts.mdx b/docs/guides/captions-and-recuts.mdx
index 17568cb36..6a85fbf07 100644
--- a/docs/guides/captions-and-recuts.mdx
+++ b/docs/guides/captions-and-recuts.mdx
@@ -4,17 +4,18 @@ sidebarTitle: "Captions and talking head"
description: "Add captions, add designed overlays, or change the spoken edit."
---
-
-
-
+import { DocsVideo } from "/snippets/docs-video.jsx";
+
+
+
+
+A verbatim rail, an embedded climax word, kinetic emphasis, a lower third and a
+pull-quote. The footage underneath is never re-edited — the overlays carry all
+of it.
## Make the request
diff --git a/docs/guides/color-grading.mdx b/docs/guides/color-grading.mdx
index 9dec35aa9..47a043089 100644
--- a/docs/guides/color-grading.mdx
+++ b/docs/guides/color-grading.mdx
@@ -4,6 +4,8 @@ sidebarTitle: "Color grading"
description: "Fix exposure and color on an image or video, shape a look with wheels and curves, apply a LUT, and check the result against real measurements."
---
+import { DocsVideo } from "/snippets/docs-video.jsx";
+
Grading changes how a photo or video **looks** — brighter, warmer, moodier, more
or less colorful. It runs on one media element at a time. The file on disk never
changes, and text, captions, SVG and ordinary HTML stay on their own layers,
@@ -16,6 +18,15 @@ untouched.
/>
+
+
+Every control moves and the picture answers. The numbers on screen are measured
+from the frame, not illustrative — shadows lifted 2% to 23%, median 28% to 41%.
+
## Correct first, then style
Get exposure, white balance, contrast and saturation believable first. Then shape
diff --git a/docs/guides/faceless-explainer.mdx b/docs/guides/faceless-explainer.mdx
index f372384af..a1143ee4b 100644
--- a/docs/guides/faceless-explainer.mdx
+++ b/docs/guides/faceless-explainer.mdx
@@ -4,20 +4,19 @@ sidebarTitle: "Faceless explainer"
description: "Turn notes, an article, or a difficult idea into a visual explanation without product footage."
---
+import { DocsVideo } from "/snippets/docs-video.jsx";
+
Start from a topic, article, or notes. HyperFrames invents the typography, diagrams, abstract graphics, and data visualization that teach it.
-
-
-
+
+
+
+Kinetic type, an abstract graphic, a diagram, and a data-visualisation — all
+invented from the text. There is no source video anywhere in this.
## Make the request
diff --git a/docs/guides/motion-graphics.mdx b/docs/guides/motion-graphics.mdx
index b1f7b7ce9..1fbdf6ac4 100644
--- a/docs/guides/motion-graphics.mdx
+++ b/docs/guides/motion-graphics.mdx
@@ -16,6 +16,15 @@ Use Motion Graphics for one short, design-led idea—usually under ten seconds
/>
+
+
+Short beats back to back, because that is what this workflow makes — units of
+motion small enough to drop into something else.
+
## Make the request
State the message and the short result:
diff --git a/docs/guides/product-launch-video.mdx b/docs/guides/product-launch-video.mdx
index e234ae466..e9af785e4 100644
--- a/docs/guides/product-launch-video.mdx
+++ b/docs/guides/product-launch-video.mdx
@@ -16,6 +16,16 @@ Give HyperFrames the real URL when the product, website, or brand should appear
/>
+
+
+Built by running this workflow on a real site. The screens are captured from
+huly.io, not mocked — which is the point: you give it a URL and it works from
+what is actually there.
+
## Make the request
Give the agent the real product URL and the result you want:
diff --git a/docs/guides/slideshow.mdx b/docs/guides/slideshow.mdx
index a4e8af5e9..1a1b64186 100644
--- a/docs/guides/slideshow.mdx
+++ b/docs/guides/slideshow.mdx
@@ -6,18 +6,6 @@ description: "Build a navigable deck with reveals, notes, optional branches, hot
A HyperFrames slideshow stays interactive. The result is a live, navigable deck—not a linear MP4.
-
-
-
## Make the request
diff --git a/docs/guides/voice-and-audio.mdx b/docs/guides/voice-and-audio.mdx
index b5c640476..334cf5d6c 100644
--- a/docs/guides/voice-and-audio.mdx
+++ b/docs/guides/voice-and-audio.mdx
@@ -25,6 +25,15 @@ understand or feel the video.
/>
+
+
+Turn the sound on for this one — the audio is the subject. You can watch the
+music duck as narration arrives and see each effect land against the waveform.
+
## Create a voiceover
Give the agent the approved wording and useful voice direction: