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.

Giant Background Word for a Scene v1.0.0

Use this resource to add a subtle giant word behind the subject of a video

New

  • 460 downloads
  • 210 likes
  • 205 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install background-emphasis-type

First time: connect the CLI with

npx --yes palatekit@latest login

The agent copies this element's style and its two animation helpers into your HyperFrames composition, then sets the word and its color. The word fades in and drifts slowly to the left. You get a typographic texture effect common in product presentation videos.

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 element
  • mk-emphasis-type.html: style, markup and animation helpers to copy
  • registry-item.json: element description

Good fit for

  • Adding depth to a product launch video
  • Underlining a theme (for example "New") behind a visual
  • Dressing up a plain-background scene with a bit of type

Not for

  • Text that must stay readable or carry information
  • A scene that already has many graphic elements

Tags

  • typography
  • texture
  • background
  • minimal

About

You say

"Add the word NEW behind my visual in giant, very pale letters, drifting slowly to the left for 6 seconds."

A giant, very pale word drifting slowly across the background of a light scene.

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

Show more

Prerequisites

You bring
The word to display and A HyperFrames composition to put it in
Dependencies
HyperFrames (npx hyperframes) and Node.js

How to use it

  1. Install the element with npx hyperframes add mk-emphasis-type.
  2. Ask the agent to copy the CSS, the markup and the mkEmphasisIn and mkEmphasisOut helpers into your composition.
  3. Set the word, color, drift and duration, then run the render.

Content preview

Files

  • LICENSE10.5 KB
  • mk-emphasis-type.html3.3 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1 KB
  • registry-item.json0.5 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/mk-emphasis-type
Licence
Apache-2.0

Notice

Version modifiée de « Background Emphasis Type » (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

Can it be used on its own?

No, it is an element to drop into an existing composition. It is decorative and should stay behind the content.

How do I adapt it to a dark background?

The file gives the color to use on dark backgrounds: rgba(245,245,247,0.08). The agent replaces the --mk-emph-color variable.