How to use a brand mark on your website

When you think about a brand mark, it’s easy to see it as a finishing touch—something decorative that simply “looks nice.” But in reality, it can do so much more.

Used thoughtfully, your brand mark becomes a subtle but powerful way to guide your visitor, add personality, and create a more considered, layered feel across your website.

Here are a few simple ways to start using yours.

In your website footer

The footer is often overlooked, but it’s one of the most valuable spaces on your website.

Adding your brand mark here brings a sense of cohesion and polish to the very bottom of the page. It’s a small detail that makes a big difference.

Top tip: Link your brand mark back to your homepage. It gives your visitor an easy way to find their way back after scrolling.

As a visual break between text

Long sections of text can feel heavy, especially on mobile. Accordion blocks in Squarespace can be incredibly useful (think FAQs), but can be a bit dull.

Your brand mark can act as a gentle visual pause—something that breaks up content and keeps your page feeling light and engaging.

Layered over images

One of the simplest ways to elevate your website is by layering your brand mark over imagery. It will give your website a soft, editorial feel.

Think of it like a stamp or a watermark — subtle, intentional, and part of your visual identity.

Top tip: keep the opacity slightly reduced or choose a softer colour so it enhances the image rather than overpowering it.

Level up further by pinning

If you like the layered look, you’ll love it even more if you pin. This method is a little more advanced that some of the others, but is a great way to add extra animation to your site.

You can either pin an image and have your brand mark glide over or under it as you scroll down the page.

Or you can pin the brand mark, and have the image glide over or under it as you scroll down the page.

 

To highlight key points

Your brand mark can also be used more functionally, to highlight key points, for example:

  • Your brand values

  • Your services

  • Key features of your offer

This creates a consistent visual language that feels thoughtful and intentional and guides your customers eye.

As a favicon

Favicons are tiny but mighty. They are the small icon that sits next to your website in tab of your browser.

Think of when you have multiple tabs open at once and you’re trying to find one. Websites with a memorable favicon are easiest to spot. If you use your brand mark consistently your audience will spot it and know that it’s you.

Final thoughts

When using your brand mark intentionally, in multiple places helps tie everything together. Rather than feeling like separate pages, your website starts to feel cohesive, like everything belongs.

Just remember to keep it subtle. The key to using a brand mark well is restraint. It should enhance your content, not compete with it.

A few well-placed moments will always feel more elevated than overusing it everywhere.

If you’ve purchased one of my brand marks, I’d love to see how you use it—whether it’s a small detail in your footer or layered beautifully across your site.

 
Previous
Previous

Creating hand-painted brand marks

Next
Next

Finding hex codes to customise your brand mark