AION Logo Reveal and Animated End Card in Multiple Formats

AION Logo Reveal and Animated End Card in Multiple FormatsAION Logo Reveal and Animated End Card in Multiple Formats

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

Jander Hoffmann

• Oct 19

AION — Logo Reveal & Animated End Card

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

Brand Design Motion Design Claude FFmpeg JavaScript Animation

Benjamin C

max

• Oct 19

the ultramarine beam locking onto the crossbar of the A first is a smart detail. writing the rest of the wordmark from there feels earned

Celia Sofia

max

• Oct 20

Sick 🔥

Gabriel Gris

• Oct 21

Building it from the real vector outlines is the right call: the end card can never drift from the official logo. I work the same way in code. Did you render the alpha versions straight from the browser, or composite them afterwards?

Jander Hoffmann

• Oct 21

Straight from the browser. The canvas renders on transparency, Chrome captures 2× PNG frames with alpha, and FFmpeg encodes ProRes 4444 and WebM alpha, with no compositing step. The glow needed its own pass, since additive light over nothing has nothing to add to. How do you handle alpha in your setup?

Camilo Villa

• Nov 3

Good evening, I'm new here. Just want to share the new video I made with Motion Graphics for my new portfolio. I built custom Next JS apps with deep integrations, and I focus on efficient infrastructure builds. Some of my specialty are AI agent platforms for companies and High end Motion Graphics.

Motion Design Visual Design 3D Animation Blender Claude Spline

Victoria Orlova

• Nov 4

Looks great 👏

Révolté

pro

• Nov 2

What happens when 1,000 people follow a one-person studio? 🎉

1K on Contra, 13 clients hired, a clean 5.0, and zero shortcuts on taste.

Thank you for watching the work.

Brand identity, web and code keep coming. If yours is next, my DMs are open.

Brand Design Contra achievement

Ziva Valentincic

pro

• Nov 3

amazing work!!

Sofiia Tatara

pro

• Nov 2

Happy to share a little piece of what I've been working on lately: Nexus.

Nexus is a concept for a network that moves money and data as fast as the internet moves information. Payments, tokenized assets, AI agents that pay for things on their own, apps that need privacy by default. The full website is coming soon.