5. Add Brand Graphics

Customize your community with all of your brand graphics

5. Branding: Add Logos, Icons, & Favicons

Check Out The Graphics Guide Here

How To Add Brand Graphics

  • Login & Registration Page Background Images - 2250 x 1500 pixels (Same dimensions for your static page covers)
  • Logos - 1000 x 130 pixels
  • Icons 500 x 500 pixels
  • Favicons - 250 x 250 pixels

LOGIN PAGE BACKGROUND IMAGE

Dimensions: 2250 x 1500 pixels

Your Login Page Image will show up as the background of your community login page on desktop.

Login Picture Editable Template

If you like this image and want to customize it for your own community, we have an editable Canva Template that you can access here.

LOGO: Horizontal Brand Graphic

Dimensions: 1000 x 130 pixels

Your logo is a horizontal brand graphic that will serve as the home button for your community on desktop. You’ll want a different version for light and dark mode for optimal contrast. A transparent background looks best.

More Info: Recommended Logo Dimensions

1000 x 130 pixels

PNG file with a transparent background

How To Add Your Logos:

Jedari back office portal.jedari.com add logos in 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.
submit button

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 phone graphic

ICON: Square Brand Graphic

Dimensions: 500 x 500 pixels

Your icon is a square, iconic brand graphic that will serve as the home button for your community on mobile.

  • You can use the same icon for light and dark mode — Just make sure to test it!

Think of your icon 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.

More Info: Recommended Icon Dimensions

500 x 500 pixels up to 1024 x 1024 pixels (This is our required app icon size.)

Icons will be resized to fit.

You can design with or without a transparent background.

How To Add Your Icons:

  • 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

Dimensions: 250 x 250 pixels

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.

More Info: Recommended Favicon Dimensions

250 x 250 pixels

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

No larger than 100KB.

Favicons will be resized to fit.

How To Add Your Site Favicon:

  • Locate the Favicon section
  • Select Choose File to upload your Favicon file
    • Recommended Favicon Dimensions:
    • 250 x 250 pixels.
    • No larger than 100KB.
  • Navigate to the last tab (Services) and hit Submit.
favicon upload in jedari back office

Test Your Favicon

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

Brand Example: Zenoc Media

Want Help With Your Graphics?

See our available services here