HTML Logo Loading Animation

I need my existing logo brought to life as a lightweight loading-screen animation built entirely with HTML, CSS and (if needed) a touch of vanilla JavaScript. The animation should sit on a blank page, play in a seamless loop until the main site is ready, and then fade out (or otherwise exit cleanly) once I trigger it. Key notes • Context: it will appear only as a loading screen, not in a header or video intro. • Colours must remain faithful to the current logo palette; please extract hex values directly from the artwork to keep brand consistency. • I haven’t locked myself into any single effect, so feel free to pitch a smooth, modern motion (fade, slide, bounce or something subtler) as long as it feels polished and loads quickly. Deliverable A self-contained HTML file (with linked or embedded CSS/JS) that I can drop into my project folder, plus any assets you create (SVGs, optimized images). Keep the code clean, commented and easy to tweak for timing or easing.

Project ID: 39749633