The homepage on a desktop screen: the artist's name over a studio portrait, the record module and the play button

What was built

Three jobs, one system. Each part below is live on this site, not a mockup.

Identity and artwork

The brand system comes from the artist's own character bible: night blue and charcoal, amber light, a condensed display face for the name, a serif for the words. Cover art, share images for every song and a press one-sheet all come off the same system.

  • Palette and type from the artist bible
  • Black Denim Lessons cover art
  • 18 per-song share images
  • Press one-sheet and press kit

The release experience

A self-hosted player, no third-party embed. Real waveforms drawn from the audio, lock-screen and headphone controls, a page and a link for every song, and a full-screen listening mode built on the same audio analyser.

  • 18 tracks, play on every row
  • Waveform seeking and keyboard control
  • Song pages that never restart the music
  • Listening mode (the visualizer)

Fans and enquiries

An email list with a plain reason to join, two contact doors (music and press to the label, brand and web to the studio), and Ask Kario, an AI that answers in the artist's voice with daily caps. Every form confirms only after the save lands.

  • Email list on Lovable Cloud
  • Two-door contact page
  • Ask Kario with rate limits
  • Truthful success and failure states

On a phone

Designed for the phone first, since that is where music gets opened from a link.

The homepage on a phone: portrait, name, record module and play button in the first screen
The record section on a phone: tracklist with play on every row, waveform and transport
A song page on a phone with its own waveform, share button and neighbours

Listening mode

Press play anywhere, open listening mode, and the cover sits in a ring of light that follows the music. Built on the player's own audio analyser, no video files.

Listening mode: the cover in a ring of bars that follow the music, amber light on the studio photo

The flows

Fans join a list. Labels and brands get a door. Each form stores to the project's own database and only says sent when it is.

The contact page: two forms, one for music and press, one for brand and website

Credits

Music, lyrics and production
A Squared
Character design, artist imagery and creative direction
A Squared
Brand system, cover art and share images
Supreme Team Media
Website, player, visualizer and copy
Supreme Team Media
Stack
TanStack Start, React, Tailwind, Lovable Cloud, GitHub

Have a project in mind?

Talk to Supreme Team Media about your brand, website or next campaign. Artist sites, brand systems, web apps and the automation behind them.

What you send here is stored privately and used only to reply to you. Back to the site.