Design brand experience defaults

When users sign up or sign in to your product, they land on pages generated by Kinde. You can update the look of these pages to match your brand.

You also have the option to bring your own page design to the authentication experience. See Custom sign-up and sign-in pages.

Setting global brand elements

Link to this section

You can choose to set a global theme for all pages, or else use global settings as a fallback for custom page designs.

Use the following procedures to make design changes to suit your brand.

Add your company logo

Link to this section

1. In Kinde, go to Design > Global > Brand.

2. In the Logo section, upload your company logo. Make sure images are less than 1MB, are PNG, JPEG, or GIF.

   The logo will be automatically linked to the Redirect URL set for your business, or the application homepage URL set up for each application. If you are using tracking, the URL will also reflect that the user clicked out of the sign up/sign in screen, so you can distinguish this action from successful sign ins.

3. Select Save.

Add favicons for web browsers

Link to this section

Favicons are small icons that appear on browser tabs. To add them to Kinde, they must measure 48x48px (or multiples of, such as 96x96).

1. In Kinde, go to Design > Global > Brand.
2. In the Favicon section:
   1. Add one as SVG format (so it works in most browsers).
   2. Add one as a Fallback PNG for other browsers, such as Safari.
3. Select Save.

To change the favicon of an organization, see Apply unique branding for an organization.

Set a light or dark theme

Link to this section

1. In Kinde, go to Design > Global > Brand.
2. 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.
3. Select Save.

You can change the light and dark theme settings for your organizations as well.

Set brand colors for page elements

Link to this section

Your selections will be inherited across all pages and for all organizations, unless you set overrides.

1. In Kinde, go to Design > Global > Brand.
2. Select settings and colors for Pages (backgrounds), Cards, Buttons, Input fields, and Links. Be sure to set a light and dark version of each if you want your brand colours to appear in both modes.
3. Select Save.
4. To preview pages, open the page using the side menu and select Preview in the top right.

To set the brand color scheme of an organization, see Apply unique branding for an organization.