Reverb — Free Music Festival Website Template
Reverb is built like a silkscreen festival poster: warm oat paper overprinted in electric vermilion, deep-indigo midnight and sunflower marigold, with huge Syne headlines carrying the bill. Unlike a single-artist page, it's engineered for a three-day event — a live countdown, a lineup that switches by day, a four-stage set-times grid, and four ticket tiers from day pass to weekend camping. It ships as clean Bootstrap 5 with hand-written vanilla JavaScript — no jQuery, no page builder, no icon-font downloads to get blocked.
Features
- Poster hero with festival name, dates, a scrolling lineup teaser and a live gates-open countdown clock
- Headliner grid — one closing act per night with duotone photo cards that bloom to full colour on hover
- Full lineup by day: accessible Friday / Saturday / Sunday tabs that redraw the bill in true poster billing order
- Four-stage set-times section with a day switcher, colour-coded stages and headliner highlights
- Four ticket tiers (Day Pass, Weekend GA, Weekend VIP, Weekend + Camping) with live status pills and a featured card
- Venue & travel block with shuttle, parking, camping and accessibility cards plus a pinned site photo
- Accordion festival FAQ, a scrolling announcement ticker and inline-SVG sponsor wordmarks
- Newsletter capture with front-end name + email validation, a success state, IntersectionObserver reveals and full reduced-motion support
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Bold silkscreen gig-poster — warm oat paper, vermilion + midnight + marigold inks, Syne / Familjen Grotesque / Space Mono
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Reverb really free to use commercially?
Yes. Use it for a real festival, a client's event microsite or a one-off show, free for personal and commercial projects. Attribution to uiCookies is appreciated but not required.
Do the countdown and tickets actually work?
The countdown is live — it reads a target date from the hero markup and ticks down in real time. The ticket "Buy" buttons and cashless copy are a front-end demo; point the buttons at your own ticketing provider (Eventbrite, DICE, See Tickets, Universe) to sell.
Do I need to build or compile anything?
No. Open `index.html` in a browser and it runs. Bootstrap and its JS bundle are self-hosted in `css/vendor/` and `js/vendor/`, and every icon is inline SVG, so nothing loads from a CDN and it deploys cleanly on strict-CSP hosts.
How do I change the lineup and set times?
Everything is plain HTML. Edit the artist names in the lineup poster panels, and the time / act / length rows inside each stage list in the Set Times section. Duplicate a stage block to add a fifth stage, or a `<li>` to add another set.
