Music Website Template Customization: Resonance

Looking to make a bold statement with a colorful template that has a great flow to it? Or maybe you’re a bit more of a laidback musician, wanting to create a simple, but stylized look. You’re in luck - the Resonance theme is a music website template that offers the best of both options!

Choose your variation

Both versions of this template are stylized and ready for you to add your own touches. There’s a big space at the top for an image that’ll convey what your music is all about. Choose a picture of your full band, a slideshow of photos, or a video header.

The blue and brown variation is neutral, but stylish. It includes a few unique items like a textured paper content area, flourishes around the call to action button, plus a gothic font that ties together the text.

 Northland Rail Service website

The second variation features bright pops of yellow and pink, plus a white content area. From the outlined site title box at the top, to the rounded menu bar, it’s perfect for an indie rock band or a DJ website.

Amanda Shaw website

Animated effects

A recent trend in website design is animation, and this template makes good use of it. As your page loads, your image swiftly fades in, followed by the menu and title at the top. The effect is subtle but powerful; lending a polished look to the design.

Chock full of custom options

WIth a template like this, it’s easy to just apply it to your website and go. If you wanted to customize it further, there are design controls that will add different elements to your website.

One good way to think about how to coordinate your colors is to look at the main, large image at the top of your page. If it showcases your band well, it’s a keeper. Pull out the colors that are either used in that image, or that would go well with it. Then use those in the content area, the menu background, your fonts, and your button color choices.

Elyse Saunders website

Make the menu work

The menu bar will stand out with any color you choose, or you can fade it out to transparent. These pages are an important way of informing your website visitor what you’re all about, and making them stand out right under your image is a must.

In addition to the background, you can customize the menu font type, size, hover color, mobile text color, plus toggle on or off the current page’s underlined effect.

Create your own stylish, mobile-ready website with the Resonance theme in minutes. Try Bandzoogle free today!

 Bex website

Style the call-to-action

Both variations of this website template include a call-to-action: perfect for catching someone’s eye as your page loads. Make the text about your music, your latest video, or an upcoming event. Then be sure to style it to match the rest of your website, with a stand out contrasting color and a border.

You can position the call-to-action on the top, bottom, or middle of your header area, then also set it left, center or on the right side, depending on your image.

 Miss Amber and Stukulele website

[How To Promote Your Music With A Call-To-Action]

Love the Layout

Both variations of this template feature lots of uncluttered area to showcase your music, your biography, upcoming events, and more. Make good use of the space by mixing up full width content areas and columns.  

Then choose your content font wisely - something simple and in a color that is easy to read against the background.

You’ll likely have several buttons to style as well, in your music player, your mailing list, and forms. You can set these to have a solid color, an outline, plus change the shape from rounded to pill, or square.

 Martin Kerr website

A small chunk of content, like a mailing list signup form beside a longer paragraph of text, breaks up the space well.  

Another nice way to create visual interest on the page is by adding descriptive section titles in a larger font above the content. These will also help your visitor locate what they are looking for quickly.

Mixing up images and text to balance out the content area of your page will also lend it a clean look that’s engaging, yet simple. It’s easy to add lots of content to this clean template, then organize it for maximum effect.

 Broken Root website

[How To Build The Perfect Homepage For Your Band Website]

The Resonance template is a good springboard for a unique looking website that’s both bold and effective. Choose either variation and then customize the options to really suit your style of music. We hope you give it a try!

Looking for more template options? Check out our top 16 website templates for musicians and bands