Wavelength — Music Artist & Band Template
Your music sets the tone. Your website should too.Wavelength is a dark-first, editorial template built for musicians, bands, and artists who want a website that feels as intentional as their sound. Discography pages with streaming links, tour dates with sold-out states, press quotes, and a newsletter signup — everything an artist needs in one cohesive package.Who it's for Solo musicians & singer-songwriters Bands & music groups DJs & producers Record labels & artist management Pages Included Home — Hero, latest release with tracklist, video grid, tour preview, about preview, and newsletter signup Music — Full discography grid with featured album detail and streaming platform badges Tour — Tour dates organized by leg/season with ticket links and sold-out states About — Artist bio, timeline, and press quotes Contact — Contact form with department-specific email addresses Key Features ✅ 5 fully designed pages — Home, Music, Tour, About, Contact ✅ Dark mode default — Music industry aesthetic with light mode toggle ✅ Discography grid — Album cards with featured album detail view ✅ Streaming platform badges — Spotify, Apple Music, YouTube, etc. ✅ Tour date cards — With sold-out states and ticket links ✅ Press quotes section — Editorial testimonials from publications ✅ Newsletter signup — Built-in email capture section ✅ Scroll reveal animations — Smooth fade-up effects throughout ✅ Fully responsive — Down to 320px, mobile hamburger nav ✅ Fluid typography — clamp()-based responsive type scale ✅ Warm gold accent — #E8C36A for a moody, intimate feel ✅ Editorial typography — Instrument Serif (headings) + Space Grotesk (body) Tech Specs HTML5 semantic markup Custom CSS with CSS custom properties Vanilla JavaScript (no dependencies) Google Fonts (Instrument Serif + Space Grotesk) SVG icons throughout Separate style.css and animations.css 5 HTML files total What's Includedwavelength/ ├── index.html ├── music.html ├── tour.html ├── about.html ├── contact.html ├── css/ │ ├── style.css │ └── animations.css └── js/ └── main.jsLicenseStandard License — Use on one end product (your own site or a single client project). You may not redistribute, resell, or include this template in any competing product or template marketplace.Made by Flo — Thoughtfully crafted templates for creative professionals.
Get it → madebyflo.gumroad.com