Skip to main content

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 Settings → Email Templates
  2. Edit header template
  3. Add your logo and brand colors
  4. Save