Skip to content
Scalekit Docs
Talk to an Engineer Dashboard

Organization branding

Show each customer's logo and name on your hosted login page, admin portal, and hosted widgets.

Organization branding lets you brand the end-user-facing UI to match your customers’ branding. Once enabled, Scalekit replaces your application branding with the customer’s logo and name across three interfaces: the login page, admin portal, and hosted widgets. When a user from Acme Corp organization signs in, they see Acme Corp’s logo and name instead of your application’s logo and name.

InterfaceWhat changes
Login pageOrganization logo and Login to {Organization name} heading on the login page.
Admin portalOrganization logo in the portal header.
Hosted widgetsOrganization logo in the widgets header.

Navigate to Customization > Branding > Organization branding in your Scalekit dashboard. Toggle it on and click Save.

Scalekit Branding settings page with the Organization Branding toggle

Once enabled, any organization with a Logo URL shows its own logo on the interfaces above. Organizations without one continue to show your application logo, there is no broken image state.

You can set the logo for an organization by adding a logo URL via dashboard or SDK. The logo file must meet these requirements:

  • Publicly accessible URL: Scalekit fetches the image from the URL you provide.
  • Allowed formats: PNG, JPG, SVG, GIF.
  • Recommended minimum height: 36px. Smaller logos may look pixelated in the login page, admin portal, and hosted widgets.
  1. Navigate to Organizations > Select the organization > Overview > Edit in your Scalekit dashboard.
  2. Add Logo URL for the organization and save. Edit Organization dialog showing the Slug and Logo URL fields

Use the examples below to set and remove Logo URL for an organization.

npm install @scalekit-sdk/node

Create organization with logo
const organization = await scalekit.organization.createOrganization(
'Acme Corporation',
{ logoUrl: 'https://cdn.acmecorp.com/logo.png' }
);

Set logo when updating an existing organization

Section titled “Set logo when updating an existing organization”
Update org logo
await scalekit.organization.updateOrganization(
'org_12345',
{ logoUrl: 'https://cdn.acmecorp.com/logo.png' }
);

Set logo_url to an empty string to remove a logo. The hosted interfaces fall back to your application logo immediately.

Remove org logo
await scalekit.organization.updateOrganization(
'org_12345',
{ logoUrl: '' }
);

Show the organization’s logo on the login page

Section titled “Show the organization’s logo on the login page”

For the organization’s logo and Login to {Organization name} heading to appear, your authorization request must include organization_id. Without it, Scalekit has no organization in scope and the login page renders with your application branding instead.

Pass organization_id when building the authorization URL in your login flow:

Authorization URL with organization_id
const options = {
scopes: ['openid', 'profile', 'email'],
state: sessionStorage.oauthState,
organizationId: 'org_12345',
};
const authorizationUrl = scalekit.getAuthorizationUrl(redirectUri, options);
res.redirect(authorizationUrl);

If organization branding is enabled but an organization has no logo URL, the hosted interfaces fall back to your application logo. There is no broken image state; the feature degrades gracefully per organization.