Impact Title Rules
Kinetic typeHeavy uppercase lines whip in from the left with true directional smear, each stepping in and drawing its own accent rule
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 5 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Lines *lines · array
The stacked lines, top to bottom. One word each hits hardest. This is set enormous and each line gets its own rule.
now: 3 items
- Indentindent · number
How far each line steps in from the one above, as a fraction of frame width. 0 stacks them flush left.
now: 0.09
- Captioncaption · string
Subtitle pill at the bottom of the frame, in the burned-in caption style.
now: it's an engine for everything
- Rulesrules · boolean
Draw an accent rule under each line, wiping in as the line lands.
now: true
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: signal
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
A vertical title card with two or three enormous uppercase words stacked and stepping in to the right, each with a coloured rule wiping in underneath. The words should whip in from the left fast enough to smear, sample the actual per-frame distance and apply a horizontal-only blur so the letterforms stretch while travelling and are perfectly sharp on arrival. Burned-in caption pill at the bottom.
