Project Description
Create a seamless looping abstract animation designed as a lightweight background for a website hero section.
The animation must be minimal, premium, and dark, acting as a subtle backdrop for foreground content (text and UI). It should never distract from the hero content.
Scene & Motion Direction
Start with a completely black screen (#000000)
From the upper right side of the frame, a sparse neural network gradually emerges and grows toward the lower left. It should appear like it is coming from the distance and travel to the user, not as it is coming in from the side as the current video.
I have attached a video for reference. I want it to look more as a neural network. Make the nodes smaller and more organic and neural like.
The animation should feel like it is slowly coming to life out of darkness. The whole neural network can also rotate slowly to make it look a bit more alive.
Motion must be very slow, smooth, and calm
The network should evolve gently, without drawing too much attention
Neural Network Design
Small, softly glowing nodes
Optional: very faint signal pulses moving through the network
Visual Style & Branding
Background must be pure black (#000000), no gradients, no environment lighting
Use Regent brand blue as the primary accent color:
Primary: #3ec7f3
Can be slightly dimmed/desaturated for subtle glow
Use a minor part of Regent brand red as the secondary accent color. Maybe to show the pulsing between nodes. But it must not take over the primary blue.
Secondary: #98040c
Can be slightly dimmed/desaturated for subtle glow
Avoid white highlights, warm tones, or additional colors
Extremely minimal with lots of black space
Very soft, refined glow (no heavy bloom or bright highlights)
Composition (Critical for Hero Use)
No visual clutter — this is a background, not a focal point
Loop Behavior (Critical)
During the final ~1–1.5 seconds, gradually slow down all motion
Ease out smoothly until everything becomes completely still
The final frame must be 100% static (no movement at all)
This is required for seamless forward + reverse (ping-pong) looping
The first frame does NOT need to match the last frame
Rendering Guidance
Keep detail level low to reduce file size
Avoid noise, grain, or overly complex motion
Prefer clean vector-like visuals over heavy textures
Optimize for compression efficiency
Overall Feeling
A calm, intelligent AI system visualized as a minimal neural network emerging from darkness—refined, elegant, and aligned with a premium, modern tech brand.