Home Minds Networks Customize appearance and branding [Minds Networks]

Customize appearance and branding [Minds Networks]

Last updated on May 10, 2024

With a few simple steps, you can completely rebrand your Minds Network with your own logos and brand colors to make it truly feel like an extension of your existing online presence.

1. Set your theme and brand color

We recommend starting by setting your theme and brand color.

Admin > Appearance

You have a choice of using a light or a dark theme as your base. When you later upload your logos, keep in mind that your logos will appear on top of your base theme -- so if your logo is dark, you'll probably want to choose the light theme so that your logo will appear clearly.

You can also set your brand color on this screen. The brand color should represent your brand, and contrast well against your light or dark theme, as the brand color will be used for buttons and other elements in your network.

2. Prepare logo images

Before setting your custom logos, it's a good idea to prepare your logo images. Keep in mind the theme color you chose, as your logo images will appear on top of the light or dark background. These are the logo images we recommend starting with:

  • Square logo

  • Horizontal logo

  • Favicon

We recommend this Figma template as a starting point for preparing your logos. If you don't already have a Figma account, they're free to open.

👉 Figma template

Square logo

  • 320 pixels wide

  • 320 pixels tall

(Minimum dimensions.)

Your square logo is used in various parts of the app, including in the app header on smaller screens and in email communications with your members. Fill the full width of the image canvas with your logo, and export the image with no background (transparent).

Horizontal logo

  • 572 pixels wide

  • 180 pixels tall

(Minimum dimensions.)

The horizontal logo is used in various parts of the app, including in your header and in email communications with your members. Fill the full width/height of the image canvas with your logo, and export the image with no background (transparent).

Favicon

  • 32 pixels wide

  • 32 pixels tall

(Minimum dimensions.)

The favicon is the icon that appears in your browser tabs and bookmarks. It can be the same as your square logo, though keep in mind that the favicon will be verrrry tiny in your browser tabs. Consider creating an image that’s just 32x32 pixels in dimensions to create a favicon that will more closely look like what you’ll see in your browser tabs when it’s applied.

3. Upload your logo images

Admin > Appearance

Upload your prepared logo images on the Appearance tab and click to save the changes. The changes will be reflected immediately on your network, as well as in automated emails your users receive.