👩💻 At a Glance
The Branding Guide helps you bring your organisation’s look and feel into every part of your Social Sync account. You can upload your organisation's logo, set default brand colours and design the header and footer that will be applied to all your pages.
Image and logos
Upload your organisation's:
Banner Image – The size should be width: 1280px, height: 500px.
Logo – The logo will appear across your campaign pages, forms and emails. For the best results, use a PNG file.
Favicon – A square (1:1 aspect ratio) icon associated with a website, often displayed in browser tabs and bookmarks. The minimum size is 8px by 8px and the maximum size is 512px by 512px.
Colours
Your default colours, which will automatically pull through to buttons, websites, registration forms and supporter messages. You can select one colour each for:
Primary
Secondary
Tertiary
You can select your brand colours by entering the hex code or using the colour picker (click the eyedropper icon and then click a colour to swatch). Use the slider to adjust the opacity if necessary.
If your organisation has a larger brand palette, you can save additional colours in the Custom Colours section you. Making it easier to find them when styling pages, forms and messages.
Fonts
Set the default font type and colour for your pages:
Heading – This font will be used for heading text, such as page titles
Body – This font will be used for body text, such as
Social Sync supports all fonts in the Google Fonts library. If the Google font your organisation uses isn't displaying in the dropdown, let us know and we'll add it for you – email the Social Sync Support Team at [email protected] or use the in-platform chat.
If your brand font isn't a Google font, you'll need to select a similar font from the ones available.
To select the font colour, click the coloured circle next to the font dropdown and choose from your saved colours, enter the hex code or use the colour picker (eyedropper icon).