Spectrum HTML Template

Spectrum is a bold, high-energy template built for fashion labels, concept stores, and creative product drops that refuse to play it safe. It pairs a strict pure-white canvas with three electric accents (hot orange, cyber green, and bright magenta) and sharp Space Grotesk typography, so color only appears when it counts. The result is a clean, modern retail look that stays calm at rest and bursts into life the moment a visitor starts to interact.

Every section is designed around motion and contrast instead of heavy graphics. The hero features an auto-rotating product carousel that fades between items while the panel cycles through the palette, the catalog flips product images from grayscale to full color on hover, and a scroll-reactive geometric divider spins as the page moves. Built as lightweight vanilla HTML, CSS, and JavaScript with no frameworks or libraries, Spectrum is fast to load, easy to edit, and ready to drop straight into any project.

Features
+ Fully responsive layout for mobile, tablet, and desktop
+ Pure white canvas with hot orange, cyber green, and bright magenta accents
+ Auto-fading hero product carousel with color-shifting panel and dot controls
+ Flash-color catalog with grayscale-to-color hover and horizontal scroll
+ Scroll-reactive geometric divider that rotates with page movement
+ Color-wash accordion for product details and FAQs
+ Working contact form with built-in validation
+ Smooth mobile slide-in navigation menu
+ Sharp Space Grotesk typography throughout
+ Scroll-reveal animations on key sections
+ Built with clean vanilla HTML, CSS, and JavaScript (no frameworks)
+ Cross-browser compatible and lightweight
+ prefers-reduced-motion support for accessibility