6. Add Logos

How To Add Brand Graphics

• Logos
• Icons
• Favicons
• Login & Registration Page Background Images

If you had your graphics ready in the previous step of editing your community setting, this might already be completed. If so, feel free to skip to the next step. 

If not, here's a breakdown of how to add your branding elements to personalize your community's look and feel. 

LOGO: Horizontal Brand Graphic

Your logo will show up as your main brand graphic on your community website, and will change in light mode/dark mode. A horizontal aspect logo looks best.

Recommended Logo Dimensions:

1000 x 130 pixels

PNG file with a transparent background

How To Add Your Logos:

• Log into your back office at portal.jedari.com
• Navigate to Communities → Customize

• Locate the Dark Template section. 
  • Choose File: You'll want to upload a LIGHT-colored logo here for visibility on dark mode. 

• Next, locate the Light Template section.
  • Choose File: You'll want to upload a DARK-colored logo here for visibility on light mode. 

• Submit.

Test Your Logos on Dark/Light Mode

• Give it up to five minutes after you upload your logos.
• Make sure to refresh your website. 

ICON: Square Brand Graphic

Think of this like an app icon. In fact, when you upgrade to an app, we will use this as your app icon to submit to the app stores.

Your icon will replace your logo on mobile web. You have the option to upload a different icon for dark mode and light mode if you would like, but it's not necessary. 

Recommended Icon Dimensions:

1024 x 1024 pixels

This is also our required app icon size.

You can design with or without a transparent background.

How To Add Your Icons:

• Log into your back office at portal.jedari.com
• Navigate to Communities → Customize

• Locate the two Icon upload sections.
• Choose File: You can upload the same icon for both light and dark mode, or you can upload two separate ones.

• ‍Submit.

Test Your Icons on Mobile Web

• Give it up to five minutes after you upload your icons.
• Test in light & dark mode.
• Make sure to refresh your mobile site.

FAVICON

A favicon (short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a small square brand graphic that will be associated with your community website. Your favicon will appear in a browser tab, and also if you decide to pin your website to the home screen of your phone.

Recommended Favicon Dimensions:

From 50 x 50 pixels up to 300 x 300 pixels.

No larger than 100KB.

How To Add Your Site Favicon:

• Log into your back office at portal.jedari.com
• Navigate to Communities → Customize

• Locate the Favicon section
• Select Choose File to upload your Favicon file
  • Recommended Favicon Dimensions:
  • From 50 x 50 pixels up to 300 x 300 pixels.
  • No larger than 100KB.
• Navigate to the last tab (Services) and hit Submit.

Test Your Favicon

• Give it up to five minutes after you upload your favicon.
• Make sure to refresh your website.