Wonder Challenge 5th place

Look at any brand's digital experience and you'll notice the same blind spot, repeated everywhere: everything is styled except the icons. The typography is custom, chosen to carry the brand's voice. The color system follows rules. The hero section moves, the transitions are choreographed, the micro-interactions are polished. And then the icons — the elements users actually touch, scan, and rely on to navigate — ship flat, pulled from the same three libraries every other product uses. The most repeated visual element on the page is the least designed one.

The problem gets worse the moment you want those icons to move. Animation is where a brand's personality becomes visible, but the tooling for animated icons has barely evolved. Today you have exactly two options: keyframe every single icon by hand — hours of work per icon, impossible to keep consistent across a set of forty — or buy a pack of preset effects that were designed for nobody, bolted onto flat icons, ignoring your brand entirely. Both roads lead to the same place: motion that fights itself. One icon bounces, another spins, a third pulses, and none of them speak the same language. That's not a system. That's decoration.

ANIMA started as my answer to that gap. Instead of animating icons one by one, I designed the motion first — five procedural primitives (breath, drift, trace, shimmer, morph) driven by parameters — and let every icon inherit it. Change the system, and the whole set moves together. Dial an icon's personality — Calm, Alert, Playful — and it stays coherent with the family, because the variety is generated from shared rules, not improvised per icon. It's the same principle I apply to every brand I work on: design the system, and the surfaces take care of themselves.

I want to be transparent about what you're looking at. ANIMA, today, is a first working trial — a proof of concept built entirely in Wonder — not a finished product. There's no pricing page, no waitlist funnel, no fake "launching next week" countdown. What exists is the hard part: proof that a shared motion language can produce icons that feel alive, stay coherent as a family, and export as real production code instead of video mockups. The foundation works. That's what this case study documents.

This is being built for a specific kind of designer: the one who believes a pack of icons is not a system — that a system has rules. If you've ever assembled an icon set and felt that quiet inconsistency you couldn't name, or wanted motion in your product but refused to settle for effects that belong to no brand, ANIMA is for you. Follow the development on X, or reach out directly if you want early access when it's ready — the people who care about this problem are exactly the people I want testing it first.