โœจ $500 AI Visibility Audit โ€” live at Spurlock Studios. Book the audit

Quick Facts

Built in 2025
Recorded
Music Artists

Tech Stack

ReactTypeScriptTailwind CSSFramer Motion

Key Features

  • Cinematic dark theme used on lore, merch, music, and artist HQ โ€” not only the hero.
  • Music showcase that keeps listening inside the theatrical palette.
  • Video integration for clips that would otherwise live only on social platforms.
  • Parallax depth on key sections so the page reads as a set, not a stacked brochure.
Visit Live Site

What did Will Spurlock build for Bohnes?

Artist site for Bohnes with a cinematic dark theme, music, merch, and lore pages.

A dark cinematic site built for Bohnes with music, merch, lore, and artist HQ so listeners enter the theatrical world before they even hit play.

What problem did Bohnes have?

Bohnes writes in a cinematic, dramatic register. The usual artist page โ€” centered headshot, three buttons โ€” would break that before a track played. The site needed to feel like a poster you can walk into: deep blacks, controlled light, and rooms for lore, merch, music, and artist HQ. The risk was making it so dark that navigation disappeared, or so polished that it felt like a streaming-ad template. Lore and merch had to survive as cinematic rooms or the poster would be the whole site. HQ and Solisca were treated as part of the world, not as extra links under a dark hero. If those interiors flattened, the theatrical brief would have failed.

How was the Bohnes website built?

The build uses React, TypeScript, Tailwind, and Framer Motion with deep blacks, moody lighting, and parallax on selected sections. Interior routes โ€” lore, merch, music, Solisca, artist HQ โ€” reuse the same theatrical tokens. Video sits in that world instead of opening a bright third-party player chrome. Type stays large and sparse so the stills can carry the drama without a competing UI kit. Artist HQ, lore, merch, music, and Solisca are real interiors in the same cinematic dark. The case study is not a single moody poster. React, TypeScript, Tailwind, and Framer Motion keep parallax and type available on those routes so the theatrical read survives a click.

What changed after the Bohnes site launched?

The shipped site is an atmospheric artist world: music, merch, lore, and HQ under one cinematic system. Mood is set on the first screen and does not reset on click-through. No listenership numbers are claimed here; the extractable result is a Bohnes website that behaves like a film set rather than a link list. A visitor can enter lore, merch, music, or artist HQ and stay in the same theatrical dark. The mood is a property of the routes, not a homepage poster. No listenership figures are added here.

Frequently asked questions

Who is the Bohnes website for?

The Bohnes website is for fans of Bohnes who want music, tour, and merch in one place.

What shipped on the Bohnes website?

The 2025 Bohnes site shipped Cinematic dark theme used on lore, merch, music, and artist HQ โ€” not only the hero., Music showcase that keeps listening inside the theatrical palette., Video integration for clips that would otherwise live only on social platforms., and Parallax depth on key sections so the page reads as a set, not a stacked brochure..

What did the Bohnes website cost or earn?

This case study does not publish a project fee or client revenue for the Bohnes website. It is a 2025 custom-coded build; no earnings figure is on record.

Page Showcase

5 pages
Bohnes artist hq page
Click to expand
Bohnes lore page
Click to expand
Bohnes merch page
Click to expand
Bohnes music page
Click to expand
Bohnes solisca page
Click to expand

Want a website like this?

I build premium, $10K-quality websites for every industry. Let's talk about bringing your vision to life.

More Music Artists Websites