Weight Shift

Elegant font-weight transition between caption lines

Elegant font-weight transition between caption lines

captions caption-style minimal typography

Add it to a project

Ask your agent

Add the Weight Shift component from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.

Terminal

npx hyperframes add caption-weight-shift

Details

Property	Value
Type	Component

Installed files

File	Target	Type
caption-weight-shift.html	compositions/components/caption-weight-shift.html	hyperframes:snippet

Use it

Ask your agent to apply the component to the intended element and preserve the project’s existing timing.

Wiring it by hand. Open compositions/components/caption-weight-shift.html and paste its contents into your composition. The comment header in that file contains any item-specific instructions.