Notino basic DNA
Notino should retain its main distinguishing feature, which is white lettering on a black, very dark or a sufficiently contrasting background.
Safe zone
This is the space around the logo, defined by the size of the square of the letter "O " No surrounding graphic elements (logos, texts, images, page borders, etc.) must interfere with this space to avoid disturbing the mark. In most cases, the logo is in the surrounding context of other elements from which it is distanced and distinguished by the space of the protection zone.
Primary colours
These main colours create the basic visual character of the brand.
Warning
Notino Strong Pink is intended only as an accent, highlight color. It must not be used in large areas and its weight is a maximum of 1% of the area.
Notino Black
#000000
Notino White
#FFFFFF
Notino Strong Pink
#DC0069
Notino Black
rgb(0, 0, 0)
Notino White
rgb(255, 255, 255)
Notino Strong Pink
rgb(220, 0, 105)
Notino Black
0-0-0-100
Notino White
0-0-0-0
Notino Strong Pink
0-95-27-0
Notino Black
Process Black C
Notino White
Process White C
Notino Strong Pink
214 C
Notino Black
Process Black U
Notino White
Process White U
Notino Strong Pink
214 U
Notino Black
RAL 9017
Notino White
RAL 9016
Notino Strong Pink
RAL 4010
Notino Black
S9000-N
Notino White
S0300-N
Notino Strong Pink
S 2065-R20B
Notino Black
N/A
Notino White
N/A
Notino Strong Pink
N/A
Secondary colours
Secondary colours in the visual identity serve to expand the main colour palette and provide greater visual variation. They help to highlight important elements and create contrast for better legibility and aesthetic impression.
Yellow Dragon
#F4DC7A
Chameleon Skin
#CCDBAA
Light Nude
#E8D1BA
Light Sky Blue
#B6C1ED
Pastel Violine
#CAADEB
Light Pink
#F49AC5
Light Coral
#FF9380
Yellow Dragon
rgb(244, 220, 122)
Chameleon Skin
rgb(204, 219, 170)
Light Nude
rgb(232, 209, 186)
Light Sky Blue
rgb(182, 193, 237)
Pastel Violine
rgb(202, 173, 235)
Light Pink
rgb(244, 154, 197)
Light Coral
rgb(255, 147, 128)
Yellow Dragon
0-5-59-0
Chameleon Skin
16-0-31-0
Light Nude
0-22-20-0
Light Sky Blue
35-24-0-0
Pastel Violine
32-42-0-0
Light Pink
0-58-1-0
Light Coral
0-59-49-0
Yellow Dragon
2004 C
Chameleon Skin
2260 C
Light Nude
489 C
Light Sky Blue
2113 C
Pastel Violine
2073 C
Light Pink
204 C
Light Coral
2344 C
Yellow Dragon
N/A
Chameleon Skin
N/A
Light Nude
N/A
Light Sky Blue
N/A
Pastel Violine
N/A
Light Pink
N/A
Light Coral
N/A
Yellow Dragon
085 80 50
Chameleon Skin
120 80 20
Light Nude
050 80 20
Light Sky Blue
280 70 25
Pastel Violine
300 60 30
Light Pink
350 60 45
Light Coral
030 60 40
Yellow Dragon
S 1040-Y
Chameleon Skin
S 1015-G20Y
Light Nude
S 1515-Y70R
Light Sky Blue
S 1040-R70B
Pastel Violine
S 1040-R50B
Light Pink
S 1050-R20B
Light Coral
S 1050-Y90R
Yellow Dragon
N/A
Chameleon Skin
N/A
Light Nude
N/A
Light Sky Blue
N/A
Pastel Violine
N/A
Light Pink
N/A
Light Coral
N/A
Brand Patterns
They are used as a graphic element of the brand in a unified visual communication of the company. The use of the pattern is not strictly defined and their application can be used both in the entire given format and in part of it.
Primary fontface
The official font of Notino is Roboto. It is open source and therefore available to everyone without licensing restrictions.
Warning
Roboto Bold, Black, Italic, and Thin fonts may only be used in content for emphasis. Do not use as headings, subtitles, or display.
Download font
Used font styles
Light
300
Light Italic
300
Regular
400
Regular Italic
400
Medium
500
Medium Italic
500
Font Information
Loading font information…
Glyphs
Loading font characters…
Font Tester
36 px
Test how this font looks at any size with your custom text.
Secondary use of the logotype
Do not use this negative version with a white background! In cases where it is not possible to use the white Notino sign, it is okay to implement a positive version. However, we should always look for a solution to prioritize the basic variant with white text.
Warning
The use of this version must always be consulted with the internal graphics department.
Prohibited uses
Prohibited changes to the logotype
/ Do not change the ratios
/ Do not rotate
/ Do not change the font
/ Do not change the colour
/ Do not use negative logotype with frame
