Skip to main content
Must know
  • Branding is the last card on Settings > Website > General. Nothing changes on your club website until you click Save Changes, which saves the whole screen.
  • Uploading a logo usually fills both colors from it straight away. The Primary color / Secondary color toggle decides which color a swatch click sets.
  • Your club name shows as its own line on the home page hero, in the secondary color on the primary (unless your headline already ends with your club name). An amber warning appears when the pair is hard to read, but you can still save.
  • Images count toward your plan’s storage as soon as you pick them. PNG, JPG, GIF, WebP, SVG and ICO files up to 10 MB are accepted.
What you set. Two brand colors, plus an optional logo and favicon. Until you set them, the primary is black and the secondary is white.
1

Upload your logo

In the Branding card, click Select Image under Logo (recommended: a transparent PNG). If Uplifter can read at least two colors from it, it fills both color boxes (replacing what was there) and shows the other colors it found under Detected from your logo. If it cannot, your colors stay as they were. No logo yet? Add it later.
2

Choose your colors

Under Brand color presets, pick Primary color or Secondary color, then click any detected swatch or preset (16 colors plus white) to set it. Or use the Primary Color or Secondary Color box: click its square to open the color picker, or type a 3- or 6-digit hex code or a color name such as navy. Anything else shows “Must be a 3- or 6-digit hex colour, e.g. #046a76” and is not applied.
3

Add a favicon

Under Favicon, click Select Image (recommended: 32x32px). It is the small icon in a browser tab. To remove an image, hover over it and click the red X.
4

Check the preview and save

The Preview mocks up your site: your logo (or club name as text), a Login button in the primary color, and a hero with your home page headline and subheadline, plus your club name line in the secondary color. Click Save Changes at the top of the screen.
Hard-to-read colors. Below a 4.5 to 1 ratio, an amber warning suggests a much lighter or darker secondary, or white (Uplifter then picks a readable shade for the club name). You can save either way. If an upload fails. A wrong file type, a file over 10 MB, or a file over your plan’s storage cap (if it has one) all show “Failed to upload image. Please try again.” Good to know. Saving needs the Edit Settings permission. Without a logo, your website header shows the Uplifter logo; without a favicon, a default icon. Your primary color also colors the header bar on emails to families. Changes to your brand colors are recorded in your club’s activity log. Club setup has the same controls in its branding step. Related: How do I customize my home page banner (hero) and info boxes? · How do I choose which pages appear on my website? · How do I see and clean up the files my club has uploaded?