Skip to main content

Bandcamp design tutorial

It’s a fact: people buy more music from cool-looking pages. And by “fact,” we mean “strongly supported theory.” First, check out some exam...

It’s a fact: people buy more music from cool-looking pages. And by “fact,” we mean “strongly supported theory.” First, check out some examples:

Harvey Sutherland Bandcamp page
Analog Africa Bandcamp page
Chrome Sparks Bandcamp page
Speedclaw Bandcamp page
Malphino Bandcamp page
Christian Scott Bandcamp page
Caribou Bandcamp page
Marie Davidson Bandcamp page
Yazz Ahmed Bandcamp page

Inspired? Before you start, you’ll need to have at least one track or album uploaded to your page. You won’t find the “page design” option in your user menu until you have some content. Once you’ve got some songs up, here’s how to spruce up your Bandcamp page in four easy steps (and one bonus step):

  1. Album art

    detail of album art uploader

    First things first. Without album art your music won’t appear in search listings, tag listings or Discover, so it’s important. Your album art should be square (so you might need to trim those jewel case booklet designs) and at least 1400×1400px (bigger is better). Look for the upload link on the album edit page.

  2. Colors

    You can change the color of all the text and links, the page itself and the background behind the page. Open the design panel by clicking the page design link located in the user menu dropdown:

    detail of page design color picker

    The colors of your page update in real time, so play around until you find a good combination. Try matching one or two of the colors from your album art as a starting point.

    Words of wisdom: Don’t obscure your link colors. If you want your fans to actually click your links, don’t set them to be the same color as your text (or worse, your background). Instead, pick a high-contrast color. For similar reasons, let your music tell your fans just how black black-metal you are — dark gray text against a black background only tells them how little you want them to buy your music.

  3. Background image

    Instead of a plain colored background behind your page, you can upload an image using the design panel. Since fans will be accessing your page from a variety of screens, we don’t require specific dimensions for background images. However, we typically recommend 1280 by 1440 pixels if you want one solid, non-repeating background image. Click the upload link to get started:

    detail of background image uploader

    Once you’ve uploaded your image you can choose whether it repeats across or down the page and adjust the horizontal alignment. You can also decide whether or not the background should stay fixed while the other page assets move.

    detail of background image formatter
  4. Upload a custom header featuring your band name or logo by clicking the link in the header:

    detail of custom header uploader

Making your design even more awesome

Now you know how to customize your page design. But how do you make it really pop? Here are a few tips.

Blend your custom header and the center column

By using the body color of the page in your header, you can blend the center column into one seamless swipe:

Shango Records Bandcamp page
Sarathy Korwar Bandcamp page
Akashic Records Bandcamp page

Combine the header and the background

Use the same color or pattern to make your header seem like part of the background:

Bumm Clack Records Records Bandcamp page
Club Coral Bandcamp page
Hollie Cook Bandcamp page

Align: center

Using center alignment for your background image opens up a whole new world of design possibilities. Try creating your header and background as one big image (with the 975px wide header centered) before cutting out the header and exporting it separately:

Kilchhofer Bandcamp page
fundog Bandcamp page
Recycle Culture Bandcamp page

Break out of the box

Use your images to lose some of those straight lines:

The Fire Tonight Bandcamp page
Maza Blaska Bandcamp page
Manny Fox Bandcamp page

Fresh.

Did this answer your question?