Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
First Light Kinetic Haiku
A three-line kinetic type haiku where each line has its own motion personality, closing on a quiet drift of gold particles.
Vector shapes and keyframes playing live in your browser — no video file. Click it to pause.Open full screen
The prompt behind it
Claude made this from the prompt below, working directly in Layerz Canvas through its MCP server. Paste it into Claude (Claude Code or Claude Desktop) with the Layerz Canvas MCP connected and it builds a new take on the same canvas — then you take over. Connect the MCP server
Prompt
Build this in Layerz Canvas using the layerz-canvas MCP.
A 15-second kinetic typography piece, 1920×1080 at 60 fps, set to a three-line haiku, each line with its own motion personality, ending in a quiet particle drift.
Haiku (original): "first light on the pond" / "a single word breaks the hush" / "ripples learn to fly"
Look: dawn indigo #1B1F3B, pale gold #F5D58A, mist white #F4F4F8, soft coral #FF8C7A. A light serif (Cormorant or Georgia) for lines one and three, a heavy grotesk (SF Pro Black) for line two. Grain 5%.
Beats:
- 0.0–4.0s: "first light on the pond": each letter rises gently out of blur in gold, while a thin horizon line draws across and a pale sun ellipse lifts behind it.
- 4.0–8.0s: "a single word breaks the hush": words slam in one at a time in heavy white; on "breaks" the line shatters into fragments that hang in the air, and the camera nudges forward to 1.1×.
- 8.0–11.5s: "ripples learn to fly": concentric rings expand from the centre and the words ride them outward; "fly" lifts off with its letters waving.
- 11.5–15.0s: "fly" dissolves into 150 gold and coral particles that drift upward like a flock; the sun settles; a tiny "Made with Layerz Canvas" sits bottom right. Hold 1s.
Craft notes: three distinct motion vocabularies (soft, hard, flowing) for three lines; never more than one line on screen; let the final drift breathe.
Edit it yourself
Change colours, text and type in the inspector.
Drag keyframes, reshape easing curves and retime any move.
Ask Claude for changes through the MCP, then fine-tune by hand.
Export it as an image, a video, Lottie or a web page like this one.