Branding

Branding is where you upload the logo that appears in your public site's header — and on your members' sign-in and create-account panels, on your match-day ribbon, and on the A4 QR posters you print — plus the favicon (the little icon in browser tabs). You'll find it in the admin sidebar under Branding, alongside Theme and Navigation.

Who can use this

Anyone with an admin or moderator role at your organisation can manage branding. Every change is recorded in your organisation's activity log.

What's on the page

At the top you'll see a Current branding card with a header preview, so you can see roughly how your logo and name will look on the live site, plus whether a favicon is set. Below that, the Logo & favicon card holds two sections — one for each image — where you upload, replace or remove your files.

Step by step

Upload or replace your logo

1. In the Logo section, select Upload logo… (or Replace logo… if one already exists), or drag an image file onto the dashed drop zone.
2. If the file is larger than the size limit, we resize it for you automatically — see A large file was automatically resized below.
3. The logo previews instantly. When an image already exists, you'll see a side-by-side Current → New comparison.
4. If the image is small or low quality, an amber warning suggests a better size — you can still keep it.
5. Fill in the Alt text field so screen readers can describe your logo (it defaults to your organisation's name followed by "logo").
6. Select Save branding in the bar at the bottom of the page to apply your changes.

Upload or replace your favicon

1. In the Favicon section, select Upload favicon… (or Replace favicon…), or drag a square image onto the drop zone.
2. If the image isn't square or is smaller than 48×48px, you'll see a warning — browser tabs expect a square icon.
3. Select Save branding to apply.

A large file was automatically resized

If the image you upload is bigger than the size limit, you don't need to do anything — we shrink it in your browser before it's sent, so you never see a flat rejection for file size alone.

• You'll see a note under the drop zone telling you the original and new sizes, for example "That image was 8.2 MB, so we've resized it to 1.4 MB for you."
• Your logo is always shown on your brand colour, never on a bare white background — the Current branding card above previews exactly that band. It's the same everywhere the logo appears, printed posters included, so a logo drawn in white for a coloured header stays readable instead of disappearing into the page.
• A transparent background (the usual case for a club logo saved as PNG) is preserved — we check the actual image for transparency rather than guessing from the file type, and switch to a format that keeps it rather than one that would paint a black or white box behind your logo.
• GIFs aren't resized automatically, because re-encoding could flatten an animated one down to a single still frame. If an oversized GIF won't upload, save a smaller version yourself first.
• If the file is still too large after resizing, or your browser can't open it at all, you'll see an error explaining what to do next.

Remove a logo or favicon

1. Under the relevant section, select Remove logo or Remove favicon. The preview shows it will be removed.
2. Changed your mind? Select Undo remove before saving.
3. Select Save branding to confirm.

Discard a staged upload

If you've uploaded a new image but haven't saved yet, select Discard upload to drop it and keep what you had.

Field reference

Accepted image formats: PNG, JPEG, GIF, WebP or AVIF. HEIC photos (the default format on recent iPhones) aren't accepted — convert them to JPEG or PNG first, then upload that.

Tips & FAQ

• Where's the "show club name next to the logo" option? That toggle lives on the Navigation page, not here.
• Nothing happens after I upload. Uploading only stages the image — you must select Save branding to publish it. Until you do, your live site is unchanged.
• My logo looks blurry. Aim for a wide image around 400×120px or larger. The warning that appears is a hint, not a block.
• My file was too big — do I need to shrink it myself? No. If it's over the size limit, we resize it in your browser automatically and tell you what we did. You only need to act if the note says it's still too large after resizing.
• Will resizing ruin my logo's transparent background? No — we check the actual image for transparency and keep it, rather than assuming from the file type.
• My photo won't upload at all, and I took it on an iPhone. It's probably a HEIC file. Open it in Photos or Preview, export it as JPEG or PNG, then upload that instead.
• Save didn't work. If a save fails, a pop-up explains why. Check the file size and format and try again.
• Branding pairs with your Theme colours to set your site's overall look. Adding a custom web address? See Domains.