Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Energetic Color Block Name Banner v1.0.0

Use this resource to introduce a speaker with a dynamic color block

New

  • 500 downloads
  • 112 likes
  • 109 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install color-block-lower-third

First time: connect the CLI with

npx --yes palatekit@latest login

The agent places an accent-color block that enters from the left and overshoots slightly before settling. The condensed uppercase name and the monospaced role rise inside it. It swaps the texts and color for your brand. You get a 4.8 second transparent overlay.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames (npx hyperframes)
  • Node.js
Licence
Apache-2.0

Similar resources

View all

What you get

  • README.md: usage guide for the banner
  • lt-color-block.html: the animated composition (block, name, role)
  • registry-item.json: 1920×1080 format, 4.8 s duration

Good fit for

  • Introducing a speaker in a fast-paced video
  • Making a brand color stand out in an edit
  • Dressing a reel or a short with a clearly visible name

Not for

  • A very restrained corporate video
  • A very long name on several lines without adjusting the size
  • A video whose dominant tone is already the same blue

Tags

  • lower third
  • overlay
  • color
  • bold
  • brand

About

You say

"Add the color block banner with the name Ines Roche and the role Project Lead, block in purple."

Bright blue block with a condensed uppercase white name and a monospaced role, at the bottom left.

Block published by HeyGen (HyperFrames) under the Apache-2.0 license.

Show more

Prerequisites

You bring
The name and role to display and Your brand color (optional)
Dependencies
HyperFrames (npx hyperframes) and Node.js

How to use it

  1. Install the block with npx hyperframes add lt-color-block.
  2. Ask the agent to change the name, role and block color.
  3. Layer the block over your video and run the HyperFrames render.

Content preview

Files

  • LICENSE10.5 KB
  • lt-color-block.html2.9 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.8 KB
  • registry-item.json0.6 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/lt-color-block
Licence
Apache-2.0

Notice

Version modifiée de « Lower Third — Color Block » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Are the fonts included?

No. The banner uses League Gothic and Space Mono; if they are not installed, the agent can load or replace them.

How do I change the block color?

The blue #2756ff is used for the background and for the drop shadow; the agent swaps both.