Logo animation
The pulse logo animation, on real names.
A slow, steady breath, good for loading screens. Every example below runs it once in plain CSS, with no video and no script. Free to preview on your own name.
Examples
6 logos, made by the engine.
Northgate Wedding venue · Heart icon in a rounded square
Willow Creek Event planner · Party icon in a rounded square
Fairview Conference · Mic icon in a hexagon
Granite Festival · Music icon in a square
Cedar Street Nightclub · Moon icon in a rounded square
Harbor Church and faith · Heart icon in a rounded square
How it works
Advice
A slow, steady breath, good for loading screens. It runs for 2.6 seconds and loops.
Good for a loading screen or a live status, because it loops calmly.
With reduced motion turned on, visitors see the finished logo, still. The animation is plain CSS, so it never blocks the page.
Questions
Plain answers
What files does the pulse animation come in?
The brand pack has it as an HTML page, an animated SVG and a GIF, ready for a website header, a slide or a social post.
Does it respect reduced motion settings?
Yes. The CSS only runs when the visitor has not asked for less motion; otherwise the logo appears finished.
How long is it?
2.6 seconds, looping. The timing comes from the engine, so the preview and the files match.
What is in the brand pack · Pricing and downloads
Check a logo for trademark conflicts (for example at uspto.gov) before you register or print it.