Project Overview:

We have a hero image (see attached) featuring three key geometric shapes —

a blue pyramid representing AI,

a green crystal sphere representing Collective Human Intelligence,

and a gold cube symbolizing Blockchain Integrity.

This is a proposed design, open to enhancement and interpretation.

We want to bring these forms to life through an elegant, symbolic Spline × Framer animation that will become the interactive centerpiece of our Webflow hero section.

Core Concept:

The animation should visually communicate the evolution of intelligence:

-Collective Human Intelligence → enhanced by AI → recorded on Blockchain Integrity

-Think of it as a visual story of connection, amplification, and preservation — from the human network (green crystal) to the AI structure (blue pyramid) and finally to the blockchain (gold cube) that records and secures it.

Your Task:

Animate the three shapes (pyramid, crystal, cube) to express this narrative progression.

Propose creative motion ideas for:

How each shape appears or materializes (e.g., light assembly, data pulse, energy convergence).

The transitions and connections between them (flowing energy lines, particle transfers, or synchronized glows).

The final idle state — a calm, living system with subtle continuous movement.

Deliver a production-ready animation that runs seamlessly inside Webflow without performance loss.

Technical Requirements:

Expert experience with Spline and Framer, especially for Webflow embedding.

Strong understanding of 3D performance optimization (lightweight textures, compressed assets, etc.).

Provide clean, embeddable code and integration guidance.

Animation must load instantly or via a light lazy-load approach.

Deliverables:

Final delivery should include the Spline (.spline) and/or Framer (.framer) source file, plus optimized embed-ready code for Webflow.

Two versions:

-Entrance sequence (~5–8 seconds, cinematic intro).

-Idle loop (gentle, continuous movement).

Bonus Points:

-Optional interactive micro-triggers (hover glow, rotation pulse, etc.).

-Ideas for enhancing the shape design while preserving symbolic meaning.

To Apply:

Please include:

Links to similar Spline/Framer animations you’ve built (especially those integrated into Webflow).

A short note on how you’d interpret and enhance this visual concept.

Estimated timeline and budget range.

• The animation should visually communicate the evolution of intelligence:
• Collective Human Intelligence → enhanced by AI → recorded on Blockchain Integrity
• Think of it as a visual story of connection, amplification, and preservation — from the human network (green crystal) to the AI structure (blue pyramid) and finally to the blockchain (gold cube) that records and secures it
• Expert experience with Spline and Framer, especially for Webflow embedding
• Strong understanding of 3D performance optimization (lightweight textures, compressed assets, etc.)
• Optional interactive micro-triggers (hover glow, rotation pulse, etc.)
• Ideas for enhancing the shape design while preserving symbolic meaning

• Idle loop (gentle, continuous movement)

• Animate the three shapes (pyramid, crystal, cube) to express this narrative progression
• How each shape appears or materializes (e.g., light assembly, data pulse, energy convergence)
• The transitions and connections between them (flowing energy lines, particle transfers, or synchronized glows)
• Deliver a production-ready animation that runs seamlessly inside Webflow without performance loss
• Provide clean, embeddable code and integration guidance
• Animation must load instantly or via a light lazy-load approach
• Final delivery should include the Spline (.spline) and/or Framer (.framer) source file, plus optimized embed-ready code for Webflow