A headline resolves out of defocus over a drifting volumetric light field, with one specular pass across the glyphs
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.
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.
The statement. Three to six words; this is a hero frame, not a paragraph.
now: Built to be rendered
Small tracked label above the headline. Omit for a purer frame.
now: Motionstash
One quiet line under the headline. Arrives last, after the sweep.
now: Components that compose in time, not in space.
Composition. 'left' with the light mass off-centre is the stronger frame; 'center' for symmetrical lockups.
now: left
How present the light field is. Below 0.4 reads as near-black; above 0.8 starts to compete with the type.
now: 0.62
Run a specular highlight across the glyphs once they have resolved.
now: true
Brand token id, one of the keys of BRANDS.
now: signal
No Tailwind, no CSS, no asset files. Inline styles only.
An opening hero frame for a product film. A large headline should resolve out of defocus letter by letter, as if a camera were finding focus, over a slow-drifting field of coloured light. Once the words are sharp, run a single soft specular highlight across them. Add a real vignette and film grain, and keep the whole frame on a slow camera push so it never feels locked off.