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:
Logos must be under 1MB, and they are resized to have a maximum width or height of 120 pixels based on the aspect ratio. SVG works best as it displays well on any screen, but PNG and other formats are accepted.
In Kinde, go to Organizations.
In the list, select the organization you want to view. The organization Details page opens.
Select Brand in the left menu. The Brand page for the organization opens.
Scroll to the Logo section:
To remove an existing logo, select the trashcan icon.
To add a new or replace the logo, select Upload image.
Select Preview to see what your changes look like.
Select Back to exit the preview.
Select Save to apply the changes.
Test the change in your test or production environments.
If your organizations manage their own profile or payment details via a Kinde self-serve portal, you can upload an avatar to personalize the experience for organization members. An avatar is usually a simple logo.
Avatars must be in SVG format, and be smaller than 5kb. They appears as a 36px square in the interface.
In Kinde, open the organization details and go to Brand in the menu.
In the list, select the organization you want to view. The organization Details page opens.
Select Brand in the left menu.
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.