Quick Facts
Tech Stack
Key Features
- Pastel gradient system carried through about, live, music, press, shop, and story.
- Floating motion used sparingly so the page feels suspended, not busy.
- Music integration that keeps listening inside the dream-pop world.
- Tour dates and press in the same spacious layout as the story and shop.
What did Will Spurlock build for Dreamers?
Band site for Dreamers with music, live dates, press, shop, and a dream-pop visual system.
An ethereal band site built for Dreamers with music, live dates, press, and shop so fans get a dream-pop world instead of a static one-pager.
What problem did Dreamers have?
A band named Dreamers cannot ship a hard-edged brochure and call it branded. The gap was a site that felt like the records: soft, spacious, a little unmoored — without becoming a slow, unusable wash of blur. Live, music, press, shop, story, and about all needed that atmosphere so a fan chasing a date or a shirt did not snap into a default store. Shop and press are where dream-pop sites usually go hard and bright. Those rooms had to stay airy so the name still held when someone tried to buy or read. A serene hero over a default store would have broken the brief.
How was the Dreamers website built?
The site is React, TypeScript, Tailwind, and Framer Motion with pastel gradients, light float motion, and wide whitespace. Pages share the same airy type and color so story, shop, and press are still Dreamers. Music and live dates sit in that field instead of in a cramped widget. Motion is slow and local; it does not fight reading or checkout paths. About, live, music, press, shop, and story are the documented dream-pop rooms. A serene homepage that dumps shop into a hard cart would break the name. React, TypeScript, Tailwind, and Framer Motion keep the pastel field and float motion on those interiors.
What changed after the Dreamers site launched?
The shipped site extends the dream-pop sound into a visual world: music, live, press, shop, and story under one ethereal system. The band is no longer represented by a static one-pager. This case study does not publish sales or attendance figures; the result is a Dreamers website that feels like the name without hiding the catalog. A visitor can reach music, live dates, press, shop, or story and remain in the dream-pop field. The name is the site, not a caption. No sales figures are published here. The live site is the proof: an airy field that still holds music, dates, press, and shop.
Frequently asked questions
Who is the Dreamers website for?
The Dreamers website is for fans of Dreamers who want music, tour, and merch in one place.
What shipped on the Dreamers website?
The 2025 Dreamers site shipped Pastel gradient system carried through about, live, music, press, shop, and story., Floating motion used sparingly so the page feels suspended, not busy., Music integration that keeps listening inside the dream-pop world., and Tour dates and press in the same spacious layout as the story and shop..
What did the Dreamers website cost or earn?
This case study does not publish a project fee or client revenue for the Dreamers website. It is a 2025 custom-coded build; no earnings figure is on record.
Page Showcase
6 pages
More Music Artists Websites
$uicideboy$
Custom fan site for $uicideboy$ with discography, Grey Day tour archive, and member pages.
Arizona Zervas
Artist site for Arizona Zervas with music, tour dates, and a hub that keeps fans on the catalog.
The Wrecks
Band site for The Wrecks with kinetic layout, music, tour dates, and merch in one place.