Canvas on iPhone

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

Create a 30-second, 1080×1920 keynote-style vertical film for Layerz Canvas on iPhone. Calm, minimal, one idea per shot, the phone always the hero. Build every screen as a vector mockup inside an iPhone device frame.

Look: background #F5F5F7 for light shots, #000000 for dark shots; ink #1D1D1F; secondary #86868B; accent Layerz violet #7C5CFF. SF Pro Display semibold headlines at 96pt, centred; SF Pro Text for UI.

Beats:
- 0–3s: Black. "Design." fades up in white, then "On the go." beneath it.
- 3–8s: The iPhone rises from below on a slow spring and rotates from a 25° tilt to flat (2.5D). Screen shows the Layerz Canvas editor: artboard, small toolbar, layer list collapsed.
- 8–13s: Headline "Draw with your finger." above the phone. A touch dot draws a smooth curve on the artboard; it fills violet and snaps into a chevron.
- 13–18s: "Make it move." A timeline drawer slides up inside the screen; two keyframe diamonds appear; the chevron springs across the artboard with a small motion trail.
- 18–23s: Switch to white background. "Record what you build." A red recording dot pulses in the status bar; the screen auto-zooms onto a tapped button, then zooms back out.
- 23–27s: "Share anywhere." Export sheet slides up listing MP4, GIF, Lottie, PDF; the MP4 row highlights and a progress ring completes.
- 27–30s: Phone slides down out of frame. Chevron mark in violet, "Layerz Canvas", and "Mac · iPhone · iPad" in grey. Hold.

Craft notes: the phone moves only between shots, never during a headline; headlines always fade in over 0.4s and stay at least 2s; keep the touch dot soft and translucent so it feels like a real finger.