Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Swiss Grid, Big Numbers
A strict Swiss-style typographic reel for Layerz Canvas where giant numerals turn into charts, formats and the final wordmark.
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 Swiss-style typographic showreel for Layerz Canvas, 1920×1080 at 60 fps: huge numerals, a strict grid, and charts that grow out of type.
Look: white #FFFFFF, black #000000, signal red #FF2D20, nothing else. Helvetica Neue Bold and Black with tight tracking. A 12-column grid with 40px gutters; every element snaps to it. No textures.
Beats:
- 0.0–1.5s: A red bar slices down column 1. "01" appears in 600px black type, then slides off left as "02" slides in.
- 1.5–3.5s: A counter rolls up to "60" with "frames per second" in small caps beneath; the 0 morphs into a circle and shrinks to a red dot.
- 3.5–5.5s: The dot drops onto a baseline and a seven-bar chart grows from it (black bars, the tallest red), labels typing on underneath.
- 5.5–7.5s: The bars rotate 90° into horizontal rules that become a text block: "Kinetic type", "Charts", "Camera", "Export" slide in on alternating lines from left and right.
- 7.5–9.5s: "Export" grows to fill the frame; its letters split apart, each carrying a small red tag: MP4, MOV, GIF, SVG, PDF, HTML.
- 9.5–11.5s: A line chart draws across the letters; the camera follows its tip, panning right with a gentle zoom from 1.0 to 1.15.
- 11.5–13.0s: Hard cut to a red field; a white donut chart spins to full.
- 13.0–15.0s: Back to white: "Layerz Canvas" in 180px black with a red chevron to its left; grid lines draw on beneath it and fade. Hold 0.7s.
Craft notes: everything sits on the 12-column grid; only black, white and one red; transitions are hard cuts or slides, never fades.
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.