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
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.