Corporate identity
General
The corporate identity is used to apply (custom) colors and logo to the Workplace Management environment. The customer can add their own colors and logo to make the application more in line with the company identity.
By default, the Workplace Management environment's corporate identity is the following:
Edit the current corporate identity
Go to ‘Client settings' → 'Interface’ tab
Navigate to the current corporate identity by clicking the magnifying glass next to the field
Note: if all corporate identity fields are not editable, then this corporate identity is inherited and cannot be changed.
Create and set a new corporate identity
Go to ‘Client settings' → 'Interface’ tab
Navigate to the ‘Corporate identity' field and click on ‘>’ to open the side menu and then click '…’.
If there was no corporate identity filled in, the button '…' is directly availble to click on
Now create a new corporate identity by:
pressing the '+' on the top right corner
press ‘Search’ to show the list of available corporate identities and click on 'New'
Enter the corporate identity's name, primary colors, and a logo.
Click on 'Preview trial version' and refresh your browser to see a preview of the corporate identity.
Once the corporate identity is final, click on 'Publish trial version'.
Set the created corporate identity in the corporate identity field to apply it for all users.
Next to applying a corporate identity on client level, it is also possible to apply a different corporate identity per user profile. All users with that particular default user profile will have the deviating corporate identity.
Colors in the corporate identity
Main colors
The corporate identity has 5 main colors, which are used to give various User interface (UI) components the desired color.
Name | Description |
|---|---|
Name | A mandatory name for the corporate identity. |
Published version | Status of the published version. Before being able to use the corporate identity, the status needs to be ‘Available’. |
Trial version | Status of the trial version. |
First color | The top bar and announcement title. |
Second color | The navigation menu and buttons (buttons only if no ‘Highlight’ item is applied, see skin items down below). The tabs use a derived color of the second color. |
Third color | This color currently has no function. |
Fourth color | The subheader |
Hyperlink color | The hyperlinks |
Additional color customization (skin items)
Next to the main colors, there is also an option to add specific additional skin items. Via the Skin items include, a skin item can be added via the 'New' button.
In the created skin item, a logical color (component) and the actual color can be selected via the color picker or can be specified with a hex-code and will result in Workplace Management components getting a different color than specified as a main color of the corporate identity.
Logical color | Explanation | Preview |
|---|---|---|
Selected | Selected lines color Selected (main) navigation option color |   |
Heading level 1 | Page header color | 
|
Heading level 2 | Include header color |  |
Workflow | Workflow button color | 
|
Highlight | Button color Profile menu selected tab color Announcement title color |   
|
Info | Color of info panel | 
|
Warning | Color of Warning panel |
|
If no skin items (colors) are specified in the custom corporate identity, Workplace Management will fall back to the main colors of the corporate identity or the default Workplace colors (depending on the component).
Selected:
Workflow:
The other skin item components fall back to one of the main colors of the corporate identity.
Buttons (falls back to the second color of the corporate identity)
Announcement title (falls back to the first color of the corporate identity)
Profile menu selected tab (falls back to the second color of the corporate identity)
Page header (falls back to the fourth color of the corporate identity)
Sub header (falls back to the fourth color of the corporate identity)
Add a logo
To add a logo to the corporate identity, click the paperclip icon:
To add a logo, it needs to meet some requirements:
It must be a .png or .svg file.
Support transparency.
The number of pixels must be 4:1 (e.g. width 400px and height 100px).
The maximum size of the image is 640px by 160px.
The minimum size of the image is 160px by 40px.
View/publish the corporate identity
After changing the settings of the corporate identity, it must be previewed before it can be published and applied:
Click ‘Preview trial version’. The status of the trial version will now switch to 'Ready for publication'.
[Optional] To preview the settings, refresh the page by clicking on the refresh button on your browser or pressing the logo on the top left of the page.
Note: The preview version is only shown to the user who pressed the ‘Preview trial version’ button. If the user logs out and logs in again, the preview is no longer visible.Click ‘Publish trial version’ to save the trial version. The status of the published version will now switch to ‘Available’, and -if not done already, this corporate identity can be set as the default corporate identity.
Alternatively, press the ‘Discard trial version’ if you don’t like the new settings.
After viewing the trial version, the button ‘Preview trial version’ will change into ‘Publish trial version’. It will only be possible to view another trial version after changing at least one of the colors and saving the page by clicking the save icon in the top right corner.