Nº 03 Case Study

Claire
Littley.

A one-page artist site for a voice-led songwriter and producer. Quiet, dark, intentional - built to last past the next release cycle.

Role
Branding · Creative Direction · Build
Sector
Independent · Music
Disciplines
Identity · Wordmark · Site build · Hosting · Audio
Context
The first Studio Six artist site - proof of concept

Claire Littley is a songwriter and producer working in voice-led pop. Her existing online presence ran on Bandzoogle - a generic platform that flattened the work into template scaffolding.

She wanted a site that would feel authored. Not a release campaign, not a portfolio, not a feed. A first impression she owned, on a domain she controlled, that read as the artist before it read as a product.

i. Approach.

One page. Left-aligned. Typography led.

The site opens to a portrait that drifts in slowly, then settles into a wordmark in italic Baskerville. Below it, two short passages - anchored left, then right - introduce the work without selling it.

The recordings sit in a quiet vertical list. Title, label, listen. The active track expands in place; the rest stay still. No carousels, no covers, no third-party embeds. The audio plays directly off the page.

ii. Wordmark.
Claire Littley
Typeface
Libre Baskerville Italic
Treatment
Single line, lowercase intent
Anchor
Bottom-left of hero
A simple typographic wordmark, for now.
Claire's full brand identity is in development.
iii. Palette.

A limited palette built for contrast, legibility, and a clear audio-led interface.

Night
#0E0C14
Paper
#EBE1C9
Paper Warm
#C6BEA6
Gold
#CCA762

Audio plays directly off the page

Recordings - inline player: Wishing On A Star (Single, active) and five tracks from Nightfall
iv. Build.

Plain HTML. Vercel. Owned.

No framework, no CMS. The site is one HTML file under 35KB, hosted on Vercel from a private GitHub repo. The domain is registered with 123-reg and pointed at Vercel's edge network.

Five layers, each independent: domain, DNS, source, deploy, audio assets. Anything can be moved without breaking the rest. The whole stack is the artist's, not a platform's.

SourceHand-written HTML, version-controlled on GitHub
HostingVercel, auto-deployed on every commit
Domainclairelittley.com, registered at 123-reg
SearchVerified in Google Search Console; sitemap submitted
AudioStems re-balanced, optimised and enhanced in Logic Pro

"An artist site that could carry the same atmosphere as the music."

Studio note · 2026

v. Outcome.

A first impression Claire owns.

The site is live. It can be edited in minutes, deployed in seconds, and will still work in five years. The work reads as the artist, on her own terms.

Visit clairelittley.com →

Top