Layerz Canvas in Fifteen

Build this in Layerz Canvas using the layerz-canvas MCP.

Create a 15-second, 1080×1080 social promo for Layerz Canvas, made to stop the scroll in a feed. Three verbs, one canvas: Design, Animate, Ship.

Look: background soft off-white #F5F3EF, ink #141414, AI violet #7C5CFF as the hero accent, plus a support coral #FF7A59. Type: SF Pro Display Heavy for the verbs at 180 pt, SF Pro Text Medium for captions. All UI is built from shapes: a simplified canvas window with a toolbar of five circles and a thin timeline strip.

Beats:
- 0.0–1.2s: the screen is empty except a blinking text cursor. "Design" types in, then the D snaps into a violet square that becomes the first layer.
- 1.2–4.0s: a virtual cursor draws a star, a rounded rectangle and a pen-path chevron in quick succession inside the canvas window; each shape pops in with a spring (stiffness high, slight overshoot). Layer rows slide into a side panel in sync.
- 4.0–4.4s: whip pan right.
- 4.4–8.0s: "Animate". Keyframe diamonds drop onto the timeline; the playhead sweeps and the shapes respond: the star spins, the rectangle morphs into a circle, the chevron slides up and glows violet. An easing curve draws on beneath the timeline.
- 8.0–8.4s: zoom transition through the chevron.
- 8.4–12.0s: "Ship". Five export chips (PNG, SVG, MP4, GIF, HTML) flip in one by one on a grid, each with a tiny check that draws on. Confetti burst in violet and coral on the last chip.
- 12.0–15.0s: everything collapses into the centre; the Layerz Canvas chevron mark scales up, the wordmark "Layerz Canvas" rises letter by letter, then "layerz.app/canvas" fades in below. Hold 1.2s.

Craft notes: square safe area 80 px; one idea per beat; text never smaller than 34 pt so it reads on a phone; no holds over 0.6s before the end card.