Elements Guide

Logo Usage

Logo Usage

The corporate logo consists of a mark of 2 words which is the representation of the company name, and the corporate emblem, which is the company’s symbolic visual identity model.

The proportions of the corporate logo components are strictly defined and are invariable. This guarantees the coherence of all forms of the logo and helps to avoid deformation or distortion.

It is recommended to use the digital version of the logo and to verify its conformity with the presented standards.

The Logo can be either used in its horizontal or vertical version as shown below

Logo colour and fonts

Blue 700

#00539F

For better visibility and legibility the logo may be used in the following colours when used on solid colours or photos. Do not use any other colours for the logo than the ones mentioned below:

Black

#181716

Gray-900

#666666

White

#FFFFFF

Logo Sizing and positioning

Minimum Sizing

The logo should not appear with a width smaller than 200px. This applies to both versions of the logo.

position and spacing

Please make sure to leave enough space between the logo and any other elements or the edge of the page by following the guidelines below:

Website favicons

Favicons should be instantly recognisable, and due to their very small size this means they must have as little detail as possible. You may use the most recognisable part of the logo to create the favicon. Avoid using text for the favicon as it will not be legible.

Test the favicon on both light and dark backgrounds as different browsers may have different colours. If it does not work well on both, consider adding a background to your favicon.

Favicons should also have a 1:1 ratio and should be provided as png files with a minimum size of 180x180 (use 260x260 for optimal results).

Mobile Devices

iPhone and iPad users can pin your web site on their home screen. The link looks like a native app. Add to Homescreen is a also a feature of Android Chrome. Your visitors can mix their natives apps and web bookmarks. If you are using a favicon with a transparent background you may define a background colour to be used in iOS and Android. Alternatively you may use a dedicated picture for these devices.

sample favicon

Favicon applications