Sleek 2D Logo Animations

I already have our complete branding kit—vector logo files, color palette, and typefaces—and I need those assets turned into short, professional 2-D logo animations that feel absolutely crisp on both our website and our mobile app.

The final pieces should be lightweight and loop smoothly, so our pages stay fast while still looking polished. Please export each animation in web-friendly formats (MP4 or WebM for hero sections, GIF for quick hover states, and ideally a Lottie JSON or SVG sequence for the app). A transparent background version is essential.

I’m aiming for that “professional and sleek” vibe rather than anything playful, so clean motion, subtle easing, and on-brand color transitions are key. You are free to suggest the best frame rate and duration, but think in the 3–8 second range, short enough to load instantly yet long enough to make an impression.

Acceptance criteria
• Smooth 2-D vector-based animation that matches the supplied brand guidelines exactly
• At least three variants: full logo reveal, compact loop for headers, and a minimal icon loop for in-app splash
• Deliverables in MP4, WebM, GIF, and Lottie/SVG (with fallback PNG sequence)
• Source project file (After Effects, Animate, or equivalent) with organized layers

If you live in After Effects, Animate, or work directly in SVG/Lottie, and can keep file sizes tiny without sacrificing clarity, I’d love to see what you can do.