Overview: Mapal OS allows account managers to configure branding settings within the system so their instances of the Mapal apps reflect their brand guidelines.
Start from: The Configuration app.
Set up Branding
Select Branding from the main menu.
In the Brand Configuration screen, you can set up your branding in a four-step process:
Brand colour
In this section, you can set the colours to be shown on the apps.
- Set a primary colour. This colour will be shown on the main menu.
- Write the colour code in RGB / HEX format or use the colour picker to select the appropriate option.
- Select Status colours, such as Danger, Warning, or Success. Keep in mind that, unlike the primary colour, you can only choose status colours from a provided set in the system.
Logo
Select Click to upload or drag & drop your company logo. You must select a .PNG file, and dimensions must be at least 200x40 px, max. 800x400 px.
Notes: We recommend using a white horizontal version of your logo, as it will be displayed over the primary colour on the side navigation menu when it’s opened.
If you can’t use a white logo, you can use the button Set the navigation menu colour to white. This will set the menu colour to white but buttons, links, and active states will remain in the primary colour.
Once the logo is uploaded, you will be able to see a Preview of how it looks combined with the primary colour.
Symbol
Select Click to upload or drag & drop your company symbol, which can be an isotype. You must select a .PNG file, and dimensions must be at least 100x100 px, max. 1800x181 px.
Notes: We recommend using a white horizontal version of your symbol, as it will be displayed over the primary colour on the side navigation menu when it’s opened.
If you can’t use a white symbol, you can use the button Set the navigation menu colour to white. This will set the menu colour to white but buttons, links, and active states will remain in the primary colour.
Once the symbol is uploaded, you will be able to see a Preview of how it looks combined with the primary colour.
Banner
Select Click to upload or drag & drop your banner. You must select a .PNG file, and dimensions must be exactly 1800x181 px.
Notes: This logo will be displayed as the header on the Mapal-OS dashboard. Take into account that the logo will be displayed over the banner and the primary colour, so we recommend using a colour that will contrast with the logo.
In Banner text, set the Main text and Sub text. Consider that the main text should welcome the user to your platform, while the sub text should give the user some context to the platform. For example:
Welcome to Mapal-OS
The home of best in class hospitality management technology
Once the banner and texts are set up, you will be able to see a Preview of how they look.
After completing these four steps, select Save to store your branding setting.
Application of the branding settings
Custom branding is currently only available for Mapal OS and Mapal One. These are the specific applications for each setting in those platforms:
Branding setting | Product | Application |
---|---|---|
Brand colour | Mapal OS | Log in:
|
Mapal One |
| |
Brand logo & Symbol | Mapal OS | Log in:
|
Mapal One |
| |
Status colours | Mapal OS | Will only apply to links, active states, and buttons. |
Mapal One | Will only apply to links, active states, and buttons. | |
Main text & Sub text | Mapal OS | Will appear on the hero banner. |