Application branding
Company > Branding > Application Branding
Application branding customizes of the overall appearance (the theme), and the logo(s) to show on the reporting screens.
Default navigation themes
Navigation themes define the overall appearance of screens in Medallia Web reporting and Medallia Mobile. As an administrator, you can select from Light and Dark themes. Default themes apply to all users.
Here is an example of Dark theme in Medallia Mobile:
Alternatively, you can also configure a specific HEX color code for the navigation bar, in which case the Light and Dark themes control only the color of navigation text. If you choose a light-colored HEX code, use the Light theme. If you choose a dark-colored HEX code, use the Dark theme.
If you are using Medallia Alchemy Experience Reporting, the background image behind the navigation links can be customized for both themes. The default image is blue, as shown above. The image below is a fancy photograph to demonstrate the feature.
The background image should have:
-
Dimensions 1732 wide by 100 high.
-
File size less than 20 KB; smaller is better for performance.
-
Be dark on the left half to provide contrast to the white-colored labels and navigation links.
High-contrast mode
If your company is using Medallia Alchemy Experience Reporting, individual users can activate a high-contrast mode that affects the text in report modules. When activating the high-contrast mode, the Accessible color palette is applied providing enough contrast between text and its background so the text can be read by people with moderately low vision, and who do not use contrast-enhancing assistive technology.
To enable the high-contrast mode, click the user menu, select Accessibility, and the Accessibility editor opens into a side panel on the right. Finally, toggle between on and off in the High Contrast Mode property.
The following image shows a report with the high-contrast mode active:
Color palettes for report module charts
If your company is using Medallia Alchemy Experience Reporting, you can select from different pre-defined color palettes for data visualization to apply them to Alchemy Experience Reporting report module charts in Medallia Web reporting and Medallia Mobile. Default Medallia color palette applies to all users. For example, the following images shows the Score by Segments Over Time reporting module with the default Medallia color palette applied to bar chart visualization.
The next image shows the same Score by Segments Over Time reporting module with the Rainbow color palette applied to bar chart visualization.
Here is an example of the same module presented as Qualitative color palette:
Here is an example of the Accessible color palette:
Here is an example of the Blue sequential color palette:
And here is the same module presented as Orange color palette:
This is an example of the Orange color palette in Medallia Mobile:
Logos
The company logo appears in the upper-left of all report screens. The default image for all instances is the Medallia logo:
Change the company logo to use a custom logo instead:
Different roles can also have specific logos. This can be useful for providing a visual clue to the user's current role and visibility into company data.
The logo image should have
-
Dimensions: 200 wide x 60 high (maximum 300x100).
-
File size less than 20 KB; smaller is better for performance.
-
Transparent canvas/background.
-
Transparent border/padding, about 10 pixels on each edge.
Properties
These are the configurable properties on the Application Branding screen:
- Navigation theme
- Overall look and feel of the reporting interface. Options are:
-
Light — A white background with dark text and links
-
Dark — A dark background with light text and links
-
- Navigation background color
- A six-character HEX color code for the navigation bar. If you specify a code, the Navigation theme does not control the color of the navigation bar, but does control the text color. If you choose a light color with the HEX code, use the Light Navigation theme. If you choose a dark color with the HEX code, use the Dark Navigation theme.
- Color palette for MAX charts
- Predefined color palettes for data visualizations in Alchemy Experience Reporting report module charts.
- Company Logo
- Custom logo image to use instead of the default Medallia logo.
- Background Nav Image
- Image to use for a background image behind the navigation links. If you provide a file, it is used automatically by every tab. To use a different color for any individual tab, click the Tab Background icon for that tab on the Navigation screen in Medallia Admin Suite. For more information, see Navigation.
- Logo per Workspace (Role)
- Custom logo to use for a specific role. There is one potential logo for each defined Role. When no file is chosen for a role, the Company Logo is used.
