Some logos need to be inserted in a specific aspect ratio so that they do not distort on the screen.
Navbar dark:
132px by 24px(5.5 : 1)or a multiple of that.Navbar light:
132px by 24px(5.5 : 1) or a multiple of that.Favicon: We do not specify a specific number of pixels. However, the favicon must have a basic square shape (
1 : 1).Organisation logo: No specific format (number of pixels, aspect ratio, etc.) is required
Navbar dark
To bring the logo into the format shown above (132px : 24px respectively 5.5 : 1), graphics tools such as MS Paint (https://jspaint.app/) can be used.
Open https://jspaint.app/
Load image from URL
Follow below checklist:
Check Attributes
In this example, the aspect ratio is 3.825 : 1, which means that the width must be adjusted so that the format is 5.5 : 1
Calculate the new width:
new width = 132px*128px/24px = 704px
Centre the logo
Save the logo on your drive.
Upload the logo to https://imgbb.com/
Important: make sure the automated deletion of the image is switched off
Copy the link
Insert in your browser and copy the image URL
Insert the link of the image URL to Luminovo
Run the same process for the Navbar light & Favicon.
Run the same process for the organisation logo, but ensure the logo has no background.
Therefore, use a tool like https://www.remove.bg/de
Define primary colour, dark primary colour and background colour to match corporate colours
