Design: Brand Settings

Set up your brand settings that will apply to the rest of your campaign website! To access the settings, you'll want to navigate to Campaign Dashboard > Design > Brand.

Skip Ahead To

Campaign Logo

Brand Colour and Secondary Colour

Favicon

Campaign Image

Default Profile Image

Design Checklist

FAQs


Campaign Logo

The Campaign Logo acts as a core visual representation of your campaign's brand and should be added while building out your campaign website. 

1
From your Campaign Dashboard, go to Design > Brand > Logo
2
To add an image, you can either drag a file from your device into the upload box, or click the box to open up your local file stored on your device. You can also pull assets you have previously uploaded to your Organisation Media
3
Once you're happy with the upload, click on Save Changes

🟢 For the campaign logo, we recommend a minimum dimension of 300px by 300px, ideally transparent PNG format, or SVG. Have plain white version, as well as full colour version if applicable to fit different campaign background styles.


Brand Colour and Secondary Colour

The Brand Colour is the Primary Colour that is used throughout your campaign website and blocks. The Secondary Colour complements the Brand Colour and features as a secondary colour throughout your campaign. We recommend picking a colour that suits your organisation's design theme as it will be used in many elements in the campaign.

1

From your Campaign Dashboard, go to  Design > Brand > Brand Colour or Secondary Colour

2

To change your Brand/Secondary Colour, click on Change or click on the HEX code to type in a new value

3
In the popup that appears, you can click and drag the sliders or key in the RGB value to change the colour. You can repeat Steps 1 to 3 to configure your Secondary Colour
4
Once you're happy, click on Save Changes

🟢 Raisely generates shades of your Brand (i.e. Primary) and Secondary colours to create a wider palette for use throughout the campaign.


Favicon

Favicons are the little icon that sit on the left in your browsers navigation bar or on the window tab. Typically, favicons are always 32px x 32px PNG files.

1

From your Campaign Dashboard, go to Design > Brand > Favicon

2

To add an image, you can either drag a file from your device into the upload box, or click the box to open up your local file stored on your device. You can also pull assets you have previously uploaded to your Organisation Media

3
Once you're happy, click on Save Changes

Campaign Image

The Campaign Image is generally used as the Hero Image on your campaign's home page. Since this is the first image your supporters see when accessing your campaign website, we recommend testing out a few variations to see what works best for different device types.

1

From your Campaign Dashboard, go to  Design > Brand > Campaign Image

2

To add an image, you can either drag a file from your device into the upload box, or click the box to open up your local file stored on your device. You can also pull assets you have previously uploaded to your Organisation Media

3
Once you're happy, click on Save Changes

🟢 For Large Banner Image, we generally recommend the following dimensions: 16:9 ratio (min. 1920px x 1080px). And for Smaller Banner Images: 8:3 ratio (1440 x 540 or 1280 x 480). We do not recommend including text into the image itself, as it may not appear correctly due to the variations in browser sizes.


Default Profile Image

The Default Profile Image works as a placeholder image when going through the Sign Up Form and setting up a new profile. (Recommended dimensions: 600px by 600px, minimum 300px by 300px)

1

From your Campaign Dashboard, go to  Design > Brand > Default Profile Image

2

To add an image, you can either drag a file from your device into the upload box, or click the box to open up your local file stored on your device. You can also pull assets you have previously uploaded to your Organisation Media

3
Once you're happy, click on Save Changes

Design Checklist

Here is a checklist/guide for design assets you can prepare before jumping into settings, making your campaign building that much easier. 

### accordion

## expand

# Design Checklist

Asset Requirements Notes
Logo Minimum 300 by 500px, ideally transparent PNG format, or SVG. Have plain white version, as well as full colour version if applicable. Transparent logos work cleanly with background images and colours. Ensure logo is cropped to exact with, with no extra spacing.
Colours HEX values for Primary Colour and Secondary Colour From the Prim and Sec colours, Raisely generates shades to create a wider palette to use
Fonts Font-family name, font weight Use Google Fonts or Adobe Fonts to find font-family and other details
Images Size images at 1920 x 1280px or larger (min. HD Resolution) Select a main image and 3-5 complementary images to use within site.
Icons Size icons at 512 x 512px, ideally transparent PNG or SVG. Save plain white version, primary colour version, secondary colour version.

## expand

### accordion


FAQs

### accordion

## expand

# What's the recommended size for images?

In most instances, the image you upload to the blocks will be automatically optimised for all device views. We have a help guide on Image Dimensions that can come in handy. But in general, we recommend giving yourself time to play around with the blocks to see what works best for the page.

## expand

### accordion

Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas 🤯

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Our Support Team Contact Our Support Team