Customize Branding

Make Digital Showroom feel like your own by customizing the navigation bar with your company logo and brand colors. Your branding appears on every page of the application, giving your team a familiar and professional experience.

Access Branding Settings

1. Go to Admin > Branding.
2. The branding page is divided into two sections: your configuration settings on the left, and a live preview on the right.

Set the Navigation Bar Color

1. Go to Admin > Branding.
2. In the Navigation bar color card, set your desired background color using one of these methods:
   • Click the color picker to visually select a color.
   • Type a hex color code directly in the text field (for example, #1A3B5C).
3. The live preview on the right updates immediately to show how the navigation bar looks with your chosen color.
4. Click Save to apply the change.

Digital Showroom automatically adjusts the navigation text and icon colors for optimal contrast against your chosen background. If you pick a dark color, the text appears in white. If you pick a light color, the text appears in black.

Upload a Logo

1. Go to Admin > Branding.
2. In the Logo card, click on the file input or drag and drop your logo file.
3. An image cropper appears, allowing you to adjust the crop area to fit the recommended dimensions.
4. Confirm the crop. A preview of your uploaded logo appears below the input.
5. Click Save to apply the change.

Your logo is displayed in the navigation bar on every page.

Logo requirements:

• Supported formats: all standard image formats (PNG, JPG, SVG, and others)
• Maximum file size: 10 MB (before cropping)
• Recommended output dimensions: 120 x 32 pixels (the cropper enforces this aspect ratio)

Remove a Logo

If you have previously uploaded a logo and want to remove it:

1. Go to Admin > Branding.
2. In the Logo card, click Remove logo next to the logo preview.
3. Click Save to apply the change.

The navigation bar reverts to the default Digital Showroom logo.

Use the Live Preview

The right side of the branding page shows a live preview of how your navigation bar looks with the current settings. The preview includes:

• Your logo (or the default Digital Showroom logo if none is uploaded)
• The navigation bar background color
• Sample navigation items with automatically adjusted text color

This allows you to see the final result before saving any changes.

Reset to Default Branding

If you want to start over or revert all branding to the original Digital Showroom defaults:

1. Go to Admin > Branding.
2. Click Reset to default at the bottom of the settings section.
3. The color resets to the default value (#230052) and any uploaded logo is removed.
4. Click Save to apply the changes.