AI Brand Design: Dynamic Hero Section with Rotating Animations

AI Brand Design: Dynamic Hero Section with Rotating AnimationsAI Brand Design: Dynamic Hero Section with Rotating Animations

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

Naima Jordan

pro

• 3h

Wondered what I could build with Wonder 🙌 To last minute submissions!

I built hero section for an AI brand design concept featuring rotating card animations and a dynamic logo reveal. I used Framer & Figma for the animates. Wonder is definitely top tier for congruent branding.

Focused on subtle movement and depth to a clean, modern design system. Always learning, always iterating; this one was awesome! Thanks for opportunity.

Link to my build

Brand Design Visual Design Figma Framer Wonder wonderchallenge wonderdesign brand

harshad p

• 2h

awesome work

Naima Jordan

pro

• 2h

Thanks Harshad!

Naima Jordan

pro

• 2h

Some of the prompts I used along with the visual identity stack. Overall one of my fave challenges so far. 😍

Sergey Bertagnini

pro

• 2h

Cool brand design for sure man,

Alex Prokhorov

max

• Jun 30

Template #3 coming along nicely. Almost finished all pages design and animation prototypes.

For some reason I am still doing most of prototyping not directly in framer but directly in claude code

Framer Website Design Framer Website Development Web Design Claude Figma Framer

Umar Tanveer

• Jun 30

Cool 😍

Nirav Jivani

pro

• Jun 30

Designed a scroll driven hero for an architecture studio. I build clean, premium sites for studios & any business.

Did I nail this?

Framer Figma Architecture

Victor Adebayo

• Jun 30

This is nice 💯

Lauri Lännenmäki

pro

• Jun 30

Not everything I build lives in Framer.

This one's a code project: I rebuilt Payy's React marketing site — a stablecoin payments company — from the front-end up. New typography system, a reusable motion foundation (scroll reveals, animated stats, page transitions), a handful of custom components, and a footer with proper parallax. All hand-written, no UI framework doing the heavy lifting.

I ran the whole build through Claude Code, which is where 15 years of front-end experience actually pays off — I'm not prompting and hoping. I know what good motion feels like, how to keep things performant and accessible, and where the real work is. The AI moves fast; the engineering judgment is mine. I also work fluently with MCPs like the Figma MCP, so I can pull straight from design files into clean, accurate code.

If you've got a Figma design that needs to become a real, performant site — in React, not just Framer — that's squarely my lane. Happy to talk through what you're building.

Check it out

Claude Figma Design Engineering