Skip to main content

Branding & White Label

Administrator

DataCentral allows you to completely customize the look and feel of your Tenant. By applying your organization's logo, colors, and typography, you can provide a seamless, white-labeled experience for your users and external partners.

1. Accessing Branding Settings​

To customize your Tenant's appearance:

  1. Log in to DataCentral as a Tenant Administrator.
  2. Navigate to Administration > Settings.
  3. Select the Branding tab.

Note: Access to custom branding features may depend on the Edition assigned to your Tenant by the Host Administrator.

2. Logo and Favicon​

The most prominent branding elements are your logo and favicon.

  • Primary Logo: This logo appears on the login screen and in the top-left corner of the main navigation bar. For best results, upload a transparent PNG or SVG. A horizontal layout is generally preferred over a square or vertical logo.
  • Favicon: The small icon that appears in the browser tab. This should be a square image, typically 32x32 or 64x64 pixels in .ico or .png format.

3. Color Palette​

You can customize the primary colors used throughout the DataCentral interface to match your corporate identity.

  • Primary Color: Used for the main navigation bar, primary buttons, and active states. Enter a valid HEX code (e.g., #2e1065).
  • Secondary/Accent Color: Used for secondary buttons, highlights, and specific UI accents.
  • Text Color: The default color for body text. Ensure there is sufficient contrast between your text color and the background.

The system will automatically generate lighter and darker shades of your primary color to use for hover states and subtle backgrounds.

4. Typography​

DataCentral allows you to specify custom fonts for headings and body text.

You can select from a list of pre-approved web-safe fonts, or provide a link to a custom font hosted on Google Fonts or your own CDN. Ensure that any custom fonts you use are licensed for web use.

5. Custom CSS (Advanced)​

For organizations that require pixel-perfect control over the interface, DataCentral supports injecting custom CSS.

  1. In the Branding settings, locate the Custom CSS text area.
  2. Enter your valid CSS rules.
  3. Click Save to apply the changes.

Warning: Use custom CSS with caution. Poorly written CSS can break the layout or render the platform unusable. We recommend testing custom CSS in a staging Tenant before applying it to your production environment.

6. Login Page Customization​

In addition to the logo, you can customize the background of the login screen.

  • Background Color: Set a solid color background.
  • Background Image: Upload a high-resolution image to serve as the backdrop for the login panel. Ensure the image is optimized for web to prevent slow loading times.