A phone rises into an overhead light pool, un-tilting as it lands, then the screen ignites and a rim light crosses the case
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.
Line above the device. Two to five words; it lands before the device arrives.
now: Every metric, at a glance
Quiet line under the headline. Omit when the device should carry the frame alone.
now: Drawn in code. Nothing to re-record when the product ships.
The large title drawn on the device screen.
now: Today
The hero figure on the screen. Kept short. It is read in half a second.
now: 4,182
Unit label beside the figure on the screen.
now: steps
Degrees of perspective the device starts at before settling flat. 0 is a locked front-on rise; above 16 starts to read as a 3D render.
now: 11
Brand token id, one of the keys of BRANDS.
now: signal
No Tailwind, no CSS, no asset files. Inline styles only.
An Apple-style device rise for a vertical ad. A phone should lift up from below the frame into an overhead pool of light, tilted in perspective and straightening as it settles, on a long heavy ease with no bounce. The contact shadow underneath has to behave: tight and dark near the floor, wide and soft as it lifts. Once it lands, the screen ignites and its content staggers in, then a single rim highlight travels across the case edge. Add a blurred floor reflection, a vignette and film grain.