ROCK PURPLE

Rock Purple is an independent artist from Finland with a debut that's unusual on purpose: The Beginning of the Purple is an album and a film conceived as a single work, out worldwide September 9, 2026. A brand-new artist name has no search footprint, and the project needed a home on the open web the artist owns outright · away from streaming platforms and social feeds · so that every search for the name leads back to it by release day.

I built a cinematic single-page launch site: a dark void-purple identity (#06000F), a custom preloaded display face for the wordmark, the lead single "Two Sides" linked to YouTube, and direct routes out to Spotify, Apple Music, Instagram, TikTok, and YouTube. Underneath sits a full technical SEO and structured-data layer built from scratch · hand-written meta, canonical URLs, typed Open Graph, and a complete Schema.org JSON-LD graph tying artist, album, film, and release date together as one entity.

Rock Purple is an independent recording artist from Finland preparing a debut that is unusual on purpose: The Beginning of the Purple is an album and a film conceived as a single work, releasing worldwide on September 9, 2026. The brief was to give the project a home on the open web · a place the artist owns outright, away from streaming platforms and social feeds · and to make sure that when the release lands, every search for the name leads back to it.

I built the site as a cinematic single-page launch page: a dark void-purple identity (theme color #06000F), a custom display face for the wordmark, and the lead single "Two Sides" linked through to YouTube, with direct routes out to Spotify, Apple Music, Instagram, TikTok, and YouTube. The whole thing reads as a teaser for the release rather than a conventional band site · restrained, atmospheric, built around the countdown to one date.

The second half of the job was SEO, done from scratch. A brand-new artist name has no search footprint, so the site ships with a full technical SEO and structured-data layer most artist pages never get · built so that by release day the artist's own site is the first thing a search for "Rock Purple" returns.

It is also designed to grow. The launch page is phase one · the plan is to expand it into a fuller site as the release approaches: release and film pages, a full track listing, press and tour sections, and mailing-list capture, all on the same identity and SEO foundation.

A React single-page app built with Vite and TypeScript, styled with Tailwind on a small custom token palette (void / ink). A custom display typeface is preloaded for the wordmark so the hero renders without a flash of fallback text. The page ships as an installable PWA with a web manifest, apple-touch-icon, SVG favicon, and a themed status bar. Static, fast, and cheap to host · the right shape for a launch page that has to survive a traffic spike on release day.

The SEO and structured-data layer is the real engineering. Every page carries a hand-written meta description and keyword set, a canonical URL, and index/follow robots directives. Open Graph is typed as music.album with a music:release_date of 2026-09-09 and a music:musician link, so link previews render as a proper album rather than a generic card; Twitter/X gets a summary_large_image card.

On top of that sits a complete Schema.org JSON-LD @graph tying the whole project together as one entity: a MusicGroup (with sameAs links to every streaming and social profile), the MusicRecording for "Two Sides", a MusicAlbum and a Movie node for the film, an Event for the release date, and the WebSite itself. One connected graph that lets Google and AI crawlers understand the artist, the record, the film, and the launch as a single work.