Refresh Notino – Notino

Refresh Notino

Minimum logo width:

30 px on screens

10 mm in print

Light background
Dark background

Logo for screens

RGB Light background

PDF SVG

Horizontal margins

0 %

Vertical margins

0 %

Logo width (px)

PNG

Logo for print

CMYK Light background

PDF

Logo for screens

RGB Dark background

PDF SVG

Horizontal margins

0 %

Vertical margins

0 %

Logo width (px)

PNG

Logo for print

CMYK Dark background

PDF

Logopack

All versions

ZIP

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

10-25-40-0

Light Sky Blue

70-30-0-0

Pastel Violine

14-35-0-0

Light Pink

0-60-0-0

Light Coral

0-56-48-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.

Download graphic patterns (SVG, PNG)

Download

Brand Icon

A simplified visual representation of a brand designed primarily for small digital formats. It is used, for example, as an app icon, favicon, social media profile picture, avatar or identification element in a digital environment.

It is based on the main visual system of the brand, but must remain simple, easily recognizable and readable even at very small sizes.

Warning

Minimal size is 16x16 px

Download Brand Icon source (SVG,PNG)

Download

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

Open

Used font styles

Show

Light 300

Regular Italic 400

Medium 500

Font Information

Show

Loading font information...

Glyphs

Show

Loading glyphs...

Font Tester

Show

Font Size:

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