Brand Customisation

Rosterfy enables you to adjust colours, logos, banners and other visual elements to align with your brand identity. These personalisations create a seamless and cohesive experience for your volunteers, staff and participants.

 

 


Branding Overview

Within Rosterfy you can set organisation wide branding, such as:

  • Logo image 
  • Portal colours
  • Email banners
This branding will serve as the default across all parts of Rosterfy, including your portal, login screen, communications and forms.
Rosterfy also offers an Additional Branding feature that allows you to set up additional branding options that can be attached to email templates or invitation links. This is useful if you have different branding needs for certain events or communications. 

 


Setting Default Organisation Branding

To setup your organisation branding, navigate to the Settings module > Organization Settings and select the Branding tab.

Here is the main overview of the options to customise the platform branding for your organisation's look and feel.

Screenshot 2024-08-28 at 11.09.27 AMScreenshot 2024-08-28 at 11.09.53 AM

 


Organisation Details

The organisation details are your defaults throughout the platform.

Screenshot 2024-09-03 at 9.42.04 AM

Name

This naming will be used as the default naming for your organisation throughout Rosterfy, including on the Push Notifications sent to users.

Address

The address will be the default address for your organisation and if complete will allow for the pre-fill of your location throughout Rosterfy, including on Forms etc.

 


Logos 

Your logo is important as it grabs attention, helping to make a strong first impression when users arrive at your website.

Rosterfy allows you to showcase the foundation of your brand identity and separate you from competition with logo usage throughout the platform. 

Screenshot 2024-09-03 at 9.44.06 AM

Logo (Colour)

Screenshot 2024-09-02 at 10.06.55 AM

This logo will be shown on your Login Page and will be in your Email Banner.

For optimal results, it is advised to use a transparent logo that complements white backgrounds. To achieve the best outcome, upload your logo as a PNG file with a transparent background, or in JPG format, with dimensions set to 812px width and 250px height.

Logo (Monochrome)

Screenshot 2024-09-02 at 10.55.58 AM.     Screenshot 2024-09-02 at 10.56.45 AM

This logo will be displayed in the top corner of the Volunteer Portal and Admin Console.

For optimal results, it is advised to use a transparent black or white logo that looks good with your Primary Color, To achieve the best results, upload a black and white logo as a PNG file with a transparent background, with dimensions set to 376px width by 64px height.

 


Images

Any custom images should be optimised for mobile devices, ie not 1MB+ in size as this will slow down the user experience.

Rosterfy recommends basic designs where possible, although the images are cached in the browser if the file size cannot be minimised, meaning the image will only be slow to load on the first page.

Screenshot 2024-09-03 at 9.44.31 AM

Background Image

Example of Background image on Login Screen

The background image will be displayed for Login, Registration, Event landing and Role Offer landing pages.

Although the dimensions for optimal results are 1920px width by 927px height for the background image, this is flexible as the image will be stretched to cover the entire background, no matter the size.

Subaccount Banner Image

The banner image is shown on the Subaccount landing page.

Recommended dimensions for optimal results are 1200px width by 300px height.

Favicon

Rosterfy allows you to set a favicon to clearly display your website on browsers.

The favicon recommended dimensions are 16px width by 16px height, any large images will be resized automatically. 


Colours

Several elements used in various locations in rosterfy can be overwritten to use a colour specified by the client. Provide a hex colour code and type into the field the change account colours.

Screenshot 2024-09-03 at 9.45.08 AM

Primary Color

The primary colour is used in the portal headings and icons as well as the login page buttons.

Screenshot 2024-09-03 at 9.58.25 AM

Secondary Color

The Secondary colour is used minimally through your account to show the current selection. It is recommended to be a contrast to your primary colour.

 


Fonts

If you would like to personalise Rosterfy further with Font changes, the system allows for one Heading and one Content Font to be selected from the available Google fonts with over 1700 font families selectable, you will be sure to find a font to showcase your brand.

If you would like to update the font options and do not have this option enabled, please contact Rosterfy for assistance.

 


Custom CSS

CSS allows you to make Rosterfy fit your brand with more options than offered above, however if you do not write valid CSS, you may see unexpected results.

Please consult a Rosterfy team member before editing this field.

 


Email Branding

Rosterfy allows you to customise your communication settings within the platform to align with your organisations branding, for emails this includes:

  • From name
  • Reply to address
  • Email banner

You have an opportunity to upload an Email Banner, this will be featured at the top of any of your email template communications,

Screenshot 2024-09-03 at 10.04.41 AM

We recommend uploading a JPG file with dimensions of 640px width by 250px height.

For more information on updating these settings, take a look at the Email Overview article.

 


Additional Branding

Rosterfy allows you to set up additional branding within the platform. This branding allows you to personalise Email Communications and Invitation Links with custom branding for different times of the year or events, etc.

To create additional Branding, navigate to Settings > Branding.

Screenshot 2024-09-03 at 9.20.53 AM

You will have the above options similar to the Default Organisation Branding to be able to personalise the experience for your users on invitation links and email communications.