跳到主要内容

Custom Branding

White-label and customize the Gauzy application branding.

Customizable Elements

ElementLocationDescription
LogoHeader, login, faviconCompany logo
App NameTitle bar, emailsApplication name
ColorsThemePrimary/secondary colors
Login PageAuth screensCustom background/text
Email HeaderEmail templatesCustom header image

Logo Configuration

Web App

# Custom logo URL
GAUZY_CLOUD_APP_LOGO=https://your-domain.com/logo.png

In Angular

// environments/environment.ts
export const environment = {
GAUZY_CLOUD_APP: {
LOGO: "assets/images/custom-logo.svg",
NAME: "Your Company Platform",
},
};

Theme Customization

Modify the NbTheme variables:

// Custom theme
$nb-themes: nb-register-theme(
(
color-primary-500: #YOUR_COLOR,
color-success-500: #YOUR_SUCCESS,
color-info-500: #YOUR_INFO,
),
default,
default
);

Login Page

Customize the login screen:

  1. Replace background image in assets/images/
  2. Update login page text in translation files
  3. Add custom CSS if needed

Email Branding

  1. Go to SettingsEmail Templates
  2. Edit header template
  3. Add your logo and brand colors
  4. Save