Lower Third — Color Block

High-energy lower third: bold accent-color block slides in with overshoot, condensed name + mono role

High-energy lower third: bold accent-color block slides in with overshoot, condensed name + mono role

lower-third overlay podcast interview bold

Add it to a project

Ask your agent

Add the Lower Third — Color Block block from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.

Terminal

npx hyperframes add lt-color-block

Details

Property	Value
Type	Block
Dimensions	1920×1080
Duration	4.8s

Installed files

File	Target	Type
lt-color-block.html	compositions/lt-color-block.html	hyperframes:composition

Use it

Ask your agent to replace the example content, match the project style, and place the block at the right moment in the video.

Wiring it by hand. The installed block can be added to a host composition with:

<div data-composition-id="lt-color-block" data-composition-src="compositions/lt-color-block.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>