There are many customization options in Community Settings to help determine exactly what your Community space should look like for Members. Here you can choose the colors for your Community space, add a Home page banner image, add a background header image, and add a Favicon.

Note that images are dynamic and will adjust to the size of the screen on which they are being viewed. For that reason, it is recommended that text or faces are kept to the center of banners and header images to prevent distortion. 

Table of Contents

Branding Dimensions

Home Page Settings

Enable Custom Colors

Add a Favicon

Branding Dimensions

Group Branding

Square Community Logos: minimum 280x280 px

Registration page cover photo: 620x120 px

Group Icons: 100x100 px

For Group Cover Photos, check out this article

Network Branding

Network Logo: 280x280 px

Favicon (small version of logo): 1:1 ratio

Cover Photo: 690x136 px

Home Page Settings

Home page settings will display to Members when they access the Community, as seen below with an image and a welcome message. Click here to learn more. 

Home page image: minimum of 1000x200 px

Enable Custom Colors

Follow the steps below to enable Custom Colors:

• Navigate to Community Settings.
• Click the Branding Tab.
  

First set your Primary Color:

The Primary color you choose will be applied to these items, replacing the Journey by Forj default: 

• Call To Action buttons
• Links
• Items that are in a "select" mode

Then set your Secondary Color:

The Secondary color you choose will be applied to these items, replacing the Journey by Forj default: 

• Group's Navigation bar background
• Tool Tips
• Community page header
• Registration Form header

Note that Forj highly recommends using darker colors for the Secondary color. Darker colors will display best with the font and icon colors in the platform. 

Here's an example of the difference between the Journey by Forj colors and a different color set:

Journey by Forj colors:

Custom colors:

Add your background header

The background header shows on your login page, homepage (if you have at least 1 group set to Open), and your registration forms. See for example the blue ocean in this homepage:

Add a Favicon

Upload a high-resolution favicon. This appears before the title on your members’ browser tab. See the teal triangle in the screenshot above, also zoomed in below. Recommended ratio: 1:1. 150KB max, 588x588 maximum.

Now that your brand colors and icons are set, you can connect your own custom domain and custom email domain.