The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Brand Beacon is an eight-second modular reveal for product launches, creator promos and short-form brand announcements. Its live editable headline and supporting text, plus independent logo and product artwork, let creators change the identity without rebuilding the motion system.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
App Promotional Template: a plug-and-play launch promo for mobile apps.
A cursor clicks your logo pill, three feature scenes zoom through your app screenshots, and a final showcase fans out eight phones. It's best for App Store previews, launch posts and landing-page hero animations.
Why: most app promos are rebuilt from scratch for every launch. I wanted one animation where you only swap content, never touch keyframes.
Make it yours in ~5 minutes. Search the Layers panel for the tags:
• [TEXT]: app name, 3 feature headlines, 3 tagline lines
• [IMAGE]: 20 screenshot slots (375×812), just "Replace image". Names say where each sits (top-left, showcase-1…8)
• [LOGO]: one image in a fixed frame that fits any logo
• [COLOR]: brand colors, backgrounds and cursor
Phone frames are locked, so a click on a phone selects its screenshot, and every layout and transition is symmetric, so any content stays balanced.
In the demo: the Mbadok food app (sample content from my own UI kit) becomes "Sizzle" in a few clicks, with the same animation.
How I built it: every scene, keyframe, layer name and screenshot upload was generated and edited through the SVGator MCP with Claude, then polished by hand in the editor.
A plug-and-play promo template like this is such a smart submission, Anam. The cursor clicking the logo pill into three zooming feature scenes is a lovely little narrative for an app launch.
A 22-second brand intro where your logo is the hero: a toggle switches it on, it sparks through a lens of words, then cuts into a fast photo montage and lands on your logo lockup. Every brand-specific piece is one clearly named layer, so making it yours takes minutes. In the proof video the same project turns from Oliviera (AI automation) into Obaley (productivity app).
How to make it yours
• Logo: replace logo-image once and it updates in all four appearances (knob, flight, spark, final lockup).
• Colour: set hue-rotate on intro-theme to recolour the whole intro; the background layers set the base colour.
• Text: all live, editable text in Inter and League Gothic (free, SIL OFL). Headlines use one letter per layer, and the wordmark is logo-wordmark.
• Photos: photo-01 to photo-21, image slots that are cropped to fill, so any aspect ratio works.
• Every layer has a semantic kebab-case name (scene-01-prompt-toggle … scene-12-cta, headline-, photo-, logo).
Built with the SVGator MCP
The template was generated and refined layer by layer through the SVGator MCP, from the keyframes to the 300+ semantic layer names. The second brand (copy, letter layout, colours and photos) was also applied through the MCP.
Assets
Fonts are SIL OFL. Demo photos are CC0 from StockSnap via Openverse. Oliviera and Obaley are demo brands; swap in your own.
#svgatorchallenge
Every AI app makes you wait. Most show a boring spinner.
So I made a free "AI Generating" loading screen template. Swap the logo, image, text and colors.
Built with the SVGator MCP, and edited in the SVGator.
I learned that I can keep prompting in any coding agent and edit the animation too! Very cool!