Apply unique branding for an organization

Link to this section

If your business model supports multi-tenancy or multiple user groups and you use organizations in Kinde, you can apply brand overrides to modify the pages in each organization.

This means that when a user signs up or signs in to an organization, they have the brand experience associated with that organization, through page logo and colours.

You can change the background, button, and text colours, as well as the favicon and logo for:

  • Sign up and sign in pages
  • Request access and subscription pages
  • Emails
Custom sign in screens in Kinde
Custom sign in screens in Kinde

To add or change a logo for an organization

Link to this section

Logos need to be under 1MB in size. SVG format works best.

  1. In Kinde, go to Organizations.
  2. In the list, select the organization you want to view. The organization Details page opens.
  3. Select Brand in the left menu. The Brand page for the organization opens.
  4. Scroll to the Logo section:
    1. To remove an existing logo, select the trashcan icon.
    2. To add a new or replace the logo, select Upload image.
  5. Select Preview to see what your changes look like.
  6. Select Back to exit the preview.
  7. Select Save to apply the changes.
  8. Test the change in your test or production environments.

To add or change a favicon for an organization

Link to this section

Favicons are the tiny image shown on the tab of a browser. Image files must be a multiple of 48px square (e.g. 48x48, 96x96).

  1. In Kinde, go to Organizations.
  2. In the list, select the organization you want to view. The organization Details page opens.
  3. Select Brand in the left menu. The Brand page for the organization opens.
  4. In the Favicon section, select Upload image to add or replace a favicon.
    1. Upload an SVG that will work in most browsers.
    2. Add a Fallback image in PNG for other browsers.
  5. To preview a favicon, you’ll need to save it and check in your test or live environment.
  6. To remove a favicon, select the trashcan icon near the image.
  7. Select Save to apply the changes.

Set a light or dark theme

Link to this section
  1. In Kinde, go to Organizations.
  2. In the list, select the organization you want to view. The organization Details page opens.
  3. Select Brand in the left menu.
  4. Set the Theme: Light, Dark, or User preference. If you select user preference, make sure you choose a brand color scheme for both experiences. See below.
  5. Select Save.

Set brand colors for an organization

Link to this section
  1. In Kinde, go to Organizations.
  2. In the list, select the organization you want to view. The organization Details page opens.
  3. Select Brand in the left menu. The Brand page for the organization opens.
  4. Change the following elements to appear how you want: background, buttons, text color, link color, and button border radius.
  5. Select Preview to see what your changes look like.
  6. Select Save to apply the changes.

Reset organization brand to match global styles

Link to this section

If you want to revert to global styles for an organization, it is easy to reset.

  1. In Kinde, go to Organizations.
  2. In the list, select the organization you want to view. The organization Details page opens.
  3. Select Brand in the left menu. The Brand page for the organization opens.
  4. In the bottom section called Admin actions, select Reset to default.
  5. Select Save. This removes logo, color schemes, etc.

Talk to us

If you can’t find what you’re looking for in our help center — email our team

Contact support