Design & Development
Dorian Black: A Neon Launch Site for a Synth-Pop Album
A late-night design system and album site for the twelve-track debut After Tonight.
Dorian Black is a synth-pop recording artist. We created a design system for the project and built the website around the twelve-track debut album, After Tonight.
The goal
The site had to feel like the record: city lights, late nights, and an after-party mood. It also had to make streaming the album the obvious next step on every page.
Design
Near-black backgrounds, magenta, violet, and blue neon glow, and chrome details set the tone. A retro display face handles headlines, a narrow sans-serif carries body text, and a script accent echoes the album's signature artwork. The colors, type, and components are defined once as reusable design tokens.
What we built
- A home page that leads with the album and a direct link to hear it
- A music page driven by one album data file, with cover art, track listing, and runtimes
- Spotify, Apple Music, and social links that appear across the site once each profile is live
- A Spotify player that loads only when a visitor clicks to play
- A contact form and a privacy policy
Behind the scenes
The site runs on Cloudflare Workers. Pages are static, and a small Worker route handles the contact form. That route checks the request's origin, rate-limits each visitor, verifies Cloudflare Turnstile, and sends the message by email.
- Album and artist structured data, page-specific titles and descriptions, and a custom 404 page
- Self-hosted fonts, so nothing loads from Google before a visitor agrees to analytics
- Opt-in Google Analytics with a cookie banner that never covers page content
- Accessibility fixes for text contrast, link underlines, form errors, track list markup, and mobile menu focus
Inside the site
Services on this project
More case studies
Pneumaris Band website
Tagstash Web application and browser extension
Firelands Current Digital newspaper See every project on our work page.
Tell us about your project
Share what you need help with, your timeline, and any questions. We’ll follow up within one business day. Your consultation is free, with no obligation.
Discuss Your Project