title-demote-to-label
Shot recipes · A picture layout · Apache-2.0
- What it does
A centered headline stands for a beat, then shrinks and slides to the top-left corner to become a section label as content grows beneath it.
- Get it
Copy demos/typography/title-demote-to-label/TitleDemoteToLabel.tsx into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="TitleDemoteToLabel" component={TitleDemoteToLabel} durationInFrames={TITLE_DEMOTE_TO_LABEL_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the title-demote-to-label shot card". Read the card first: references/shots/typography/title-demote-to-label.md.
- Needs (the whole pack)
Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.
- Re-skin
By tokens (colors, logo)
No props. Colors come from one named look in demos/_fixtures/Look.tsx (LOOKS.paper; 8 looks of about 14 values each): change the name or add your own look. Where its fonts come from was not checked. The logo and name on screen are the pack's own, from demos/_fixtures/Brand.tsx (one brand file…
- License
Apache-2.0
- From