
Rendered by this Skill
Logo Outro v1.0.0
Your logo assembles piece by piece, blooms with a soft glow and settles above your tagline and web address.
- Format
- Video · 16:9
- Length
- 0:06
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block for a 6-second logo outro. Five pieces of your logo fly in one by one, expand and snap together, a soft glow blooms behind them, and a tagline and a URL pill fade in below. The logo paths, colours, tagline and URL are edited in the HTML.
Updated Nov 3, 2026
What you get
- A 6-second 1920×1080 MP4 outro
- Your logo assembled from five pieces with a glow
- A tagline and a URL pill
Good fit
- Ends of ads and brand films
- YouTube outros
- Pitch and event videos
Not for
- Very detailed logos
- Wordmarks with many letters
About this Skill
/logo-outro Make a logo outro with our Aurelle "A" mark in gold, tagline "Gold, layered your way." and aurelle.com.
The end of a video is where your brand should land. Logo Outro builds your mark from its pieces, one at a time, then lets it glow and settle over a tagline and your address. It is short, clean and works for any logo made of a few shapes.
How it works
- Ask: tell your agent your logo as an SVG made of up to five shapes, a tagline and your web address.
- Fill: it writes your copy and colours into the block's variables, keeping text close to the length the layout was made for.
- Render: it renders a draft with
npx hyperframes render, checks a few frames and renders the final MP4. - Reuse: the variables live in one small JSON file, so the next version is one more render.
Tips
- Split your logo into five simple shapes; the animation moves each one.
- Keep the tagline to one line.
- Match the glow colour to your brand.
- It has no variables: your agent edits the text and numbers directly in the HTML, following the SKILL.md.
Open source
This is a block from the HyperFrames registry, made by HeyGen and the HyperFrames contributors (heygen-com/hyperframes) and shared under the Apache License 2.0. The download is the block with its assets and a SKILL.md written by Reelity, so your agent knows how to fill and render it; HyperFrames itself runs from npm.
What you need before you start
- You bring
- A simple logo in up to five shapes, a tagline and your web address.
- Dependencies
- Node.js 22 or newer — required · FFmpeg — required
- Outside costs
- None. HyperFrames is free and open source and renders on your own machine.
- Last tested
- v1.0.0 —
User reviews
No reviews yet. Install the Skill and be the first to rate it.
FAQ
What did Reelity change?
The original placeholder was another company's logo. The download ships a neutral grey mark, "Your tagline goes here." and "yourbrand.com" instead.
My logo has more than five parts. Does it still work?
Group it into five shapes; each group then animates as one piece.
Why is it free?
It is an open-source HyperFrames block by HeyGen and the HyperFrames contributors. We list it as it is, with a SKILL.md so your agent can use it and a sample made with one of our house brands, Aurelle.






