Digital musicVinylCompact discs CassettesT-shirtsGift cards EditorialRadioClubs

Fans have paid artists $1.77 billion using Bandcamp, and yesterday alone bought 75,769 records.

Selling right now

paused unpause
Sold for $1 AUD🇦🇺 · 31 seconds ago
Sold for €1.75🇩🇪 · 32 seconds ago
Sold for €1.50🇬🇧 · 35 seconds ago
Sold for $3 CAD🇨🇦 · 35 seconds ago
Sold for €2🇮🇪 · 37 seconds ago
Components

Discover, then support the artist

Album card

Square art at 16px radius, title + artist, a green price and a name-your-price buy affordance.

Bandcamp Daily

Editorial features on new releases and niche genres, set in Helvetica Neue over the dark ground.

Discovery row

Horizontal thumbnail rails with genre and format filters, all colour supplied by the art.

Selling right now · live feed
Isolation Loops — Various ArtistsSold for €2
Global Soul — ReissueSold for $3
Boogie Goodies Vol. 3Sold for €1.50
Controls

Buttons, links and the search field

Buy Digital Album Follow Sign up Sold out Genre chip
Buy Digital Album Follow Sign up ← hover state
Search and discover music Search and discover music ← focus ring (aqua)

Search field is a borderless rgba(255,255,255,.08) fill at 3px radius, 36px tall; the buy CTA is green #008000 at 4px radius. Hover/focus rules live in cross-origin sheets and were not captured — links underline on hover; a 2px #0cacd7 ring is the recommended focus reconstruction.

Typography

One family: Helvetica Neue

Display / h1 · Helvetica Neue · 32/44.8 · 500 · normalFans have paid artists
Section head · Helvetica Neue · 24 · 500 · normalSelling right now
Sub / card title (h3) · Helvetica Neue · 12/20 · 400Bandcamp Daily, your guide to the music world
Body · Helvetica Neue · 14/22 · 400Discover amazing music and directly support the artists who make it.
Nav + category · Helvetica Neue · 14 · 400Digital music · Vinyl · Editorial · Radio
Caption · Helvetica Neue · 12 · 400 · mutedSold for €2 · 31 seconds ago
Palette

Cyan-cast greyscale on charcoal

Surfaces
canvas#222222
footer#333333
surface#272727
surface-2#2c2c2c
white#ffffff
wash-08rgba 255/.08
wash-16rgba 255/.16
Text
ink#ecf3f4
ink-soft#f8f8f8
muted#8f8f8f
Accent & semantic
aqua mark#0cacd7
buy green#008000
Depth & motion

Flat, hairline-structured depth

3px field
4px control
16px card
50% flag/avatar
hairline shadow · rgba(0,0,0,.1) 0 1px 1px
modal shadow · 0 16px 40px

Motion: house transitions are short — opacity 0.1s ease, background-image 0.15s ease-in-out. The signature animation is salesfeed-scale 0.33s ease-out, scaling each new item into the live sales feed (shown live above). No animation library; no reduced-motion block captured.