HTML Logo Loading Animation
Budget: $10 – $30 AUD
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.
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.