A 5-second logo reveal derived from the studio's showreel, reusable as an end card on any video.
Challenge: it had to work on a solid background and over other footage, in horizontal and vertical formats, without redrawing the official logo.
Solution: the animation is built from the logo's real vector outlines. An ultramarine beam locks onto the crossbar of the "A", the letter grows out of it, and the beam writes the rest of the wordmark. Delivered in 16:9 and 9:16, on solid colour and with transparency (ProRes 4444, WebM alpha and PNG sequence), with and without a services line, plus original sound design.
Credits
Motion design & direction: Jander Hoffmann
Studio: AION Creative Studio
Method: AION Creative Studio OS
I read through SVGator's template gallery and found plenty of cards, carousels and logo reveals, but nothing a local shop, café or online store could use to say "we're open" or "new drop". So I built it.
In 10 seconds an empty lot gets a location pin, a shop in your brand colour rises from the ground, the awning unrolls, your logo sign goes up, the lights come on, your products appear in the window, and your headline lands with fireworks and a delivery van pulling up.
To make it yours you change 1 colour, 3 images and 6 lines of text. Every label is live text and every layer is named (logo, headline, product-image-1 and so on). The video shows it as a café, then as a record shop: same animation, no keyframes touched.
Built with the SVGator MCP from Claude. All artwork is original.
Love that you went through the gallery first and built for what was missing 💜 Small shops and cafés really are underserved. Such a cool concept. Nice to see you here too Mayank, good luck!
Startfrom 2.0 is live. It's our template library: finished websites designed at Apollo Studio, available as a Framer project, an Astro theme or a Next.js app.
Each template page shows what you get and runs the live demo in the page. Some templates are free.
Keeping content separate from layout would make the Astro and Next.js versions easier to customise. Do they share a content schema, or does each template have its own setup?
Process note:
🌑 Echo is a black screen where every sound sends a wave of light through the scene in real depth.
🎞️ Starting footage: one licensed stock clip of a temple corridor from invideo's stock library. The sound is original, synthesised for this piece. The voiceover is my own.
💬 What I asked for: a black screen where each ping lights the scene by distance, built from a depth map, with controls for each wave, afterglow, wave thickness, contour lines, outlines, colour and a final reveal.
🛠️ What was built: a depth map (Depth Anything Video), two "Echo" custom effects on the depth map (a Multiply layer for light and an Add layer for glow), an "Echo colour" effect on the footage, and keyframes for six waves and the reveal. The first build was done by Claude, connected to invideo Editor through invideo's MCP server.
🎚️ Refinement: I asked invideo's own agent (Agent Two Lite) in the editor to raise Afterglow from 0.14 to 0.3 on both Echo effects. It made the change on the timeline, and that conversation is shown in the video. I also tried a longer afterglow and a gold colour, both shown.
✅ All building and the final cut were done in invideo Editor.