docs: six pages get a real film instead of a six-second clip

Product launch, colour grading, faceless explainer, captions and recuts, motion
graphics, and voice and audio.

Five of these led with a six-to-eight second teaser. A six-second clip on the
page that teaches you to make explainers does not teach anything — it is a
placeholder that looks like content. Colour grading, the most visual feature in
the product, had no video at all.

The new films are 34 to 41 seconds and each shows a RANGE rather than one look:
four ways to tell the same idea with no footage; five caption treatments on one
untouched clip; correction, presets, curves, selective colour, all four scopes
and a LUT; narration with music ducking under it and effects on the beat. The
launch film is built by running the workflow on huly.io for real, so the page
that sells the workflow is showing its actual output.

They share one visual system, measured from HyperFrames own light-theme launch
films rather than invented: bone field, near-black type, coral accent, and the
product always a dark panel inset on the light field. Every one carries audio at
about -20 dB and is 1-2 MB.

The old teasers are removed from the three pages where they became a duplicate.
They stay in the workflow picker, which is where a six-second tile belongs.

Guides with nothing to look at: 15 at the start of this work, 5 now.
This commit is contained in:
ukimsanov
2026-08-04 12:14:26 -07:00
parent 8dba394d4d
commit b4648e0e5a
7 changed files with 62 additions and 35 deletions
+10
View File
@@ -16,6 +16,16 @@ Give HyperFrames the real URL when the product, website, or brand should appear
/>
</Frame>
<DocsVideo
title="A launch film built by this workflow from huly.io, end to end"
src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/product-launch-huly-v4.mp4"
poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/product-launch-huly-v4.jpg"
/>
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: