The Point in motion
- Client
- MayorDesigns
- Year
- 2026
- Practices
- Motion, Brand & Design
Our own logo animation: the M draws on, the dot drops in, and the M catches it.
The brief
Our old logo ended with a full stop. The new mark moves that dot into the M and cuts it out of the tile, so you can see through it. The animation had to show the dot arriving.
What we did
The tile pops in and the two halves of the M draw on. Then the dot falls from above, squashes on the baseline and bounces once, and the M bends as it passes. We wrote it in code with the Web Animations API, from the same geometry that draws the still logo.
The result
It runs live on this site, in the header, the footer and the home page, at any size and without a video file. For your logo we deliver files for video, social media and the web, including Lottie.