Design guidelines
Design guidelinesBrand
Below are the versions of the vertical-horizontal logo in different versions positive, white and black.
POSITIVE
NEGATIVE
BLACK
The logo should never be difficult to read. When the background isn't flat colored (eg. a photo), choose the "positive version" of the logo in case of light colors, while the "negative" one in case of a darker background. In case the background is very complex (for example a detailed picture or a pattern), use one of the graphical elements provided as support for the logo.
Dos and Don'ts
Never modify the logo, which should always be displayed in its original appearance.
For example, it cannot be stretched (1, 2), changed in fonts (3) or colors (5) or proportion (8), presented in different shapes or features (6,7), or rotated (4).
Secure area
Respect the logo's minimum safe area, even when displayed close to other brands.
SECURE AREA
Within this space cannot be displayed any further graphic element, including other logos.
Sizes and Tagline
Lorem ipsum dolor sit amet, consectetur adipiscing elit 25 mm wide.
Lorem ipsum lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit.
Min. 2 cm
Min. 56,6 px
Min. 2 cm
Min. 56,6 px
Min. 0,5 cm
Min. 14,17 px
Horizontal
Vertical
Min. 2 cm
Min. 56,6 px
Min. 2 cm
Min. 56,6 px
Min. 0,5 cm
Min. 14,17 px
design guidelinesPartner brand
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Horizontal
Vertical
design guidelinesConcept brand
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Design guidelinesColor palette
A difference in brightness in colors between online and offline is quite normal.
Important: The color palette starts from the RGB/HEX values and was later converted to Pantone according to the official website www.pantone.com.
For the two primary colors, however, it was decided to keep the original RGB/HEX values valid for the online material, as they are brighter and more tech than the corresponding values derived from Pantone.
Pantone 2755C
| RGB | 23 7 107 |
| HEX/HTML | #17076B |
| CMYK | 99 98 0 35 |
Purple C
| RGB | 200 0 255 |
| HEX/HTML | #C800FF |
| CMYK | 36 8 9 0 0 |
La sfumatura A → B è costruita secondo un angolo di 68,3°, così come l’inclinazione della A nel marchio.
SIDE COLORS
| RGB | 60 60 60 |
| HEX/HTML | #3c3c3c |
| CMYK | 66 57 54 59 |
| RGB | 107 107 107 |
| HEX/HTML | #6B6B6B |
| CMYK | 54 44 43 30 |
| RGB | 179 179 179 |
| HEX/HTML | #B3B3B3 |
| CMYK | 32 24 25 4 |
Products palette
Pantone solid coated 2286 C
| RGB | 122 204 0 |
| HEX/HTML | #7ACC00 |
| CMYK | 49 0 100 0 |
Pantone solid coated 2382 C
| RGB | 0 138 216 |
| HEX/HTML | #008AD8 |
| CMYK | 78 33 0 0 |
Pantone solid coated 2655 C
| RGB | 150 120 211 |
| HEX/HTML | #9678D3 |
| CMYK | 49 55 0 0 |
Pantone solid coated 1585 C
| RGB | 255 106 20 |
| HEX/HTML | #FF6A14 |
| CMYK | 0 66 99 0 |
Pantone solid coated 298 C
| RGB | 65 182 230 |
| HEX/HTML | #41B6E6 |
| CMYK | 65 3 0 0 |
Pantone solid coated 3265 C
| RGB | 0 199 177 |
| HEX/HTML | #00C7B1 |
| CMYK | 75 0 43 0 |
Pantone solid coated 7674 C
| RGB | 135 140 180 |
| HEX/HTML | #878CB4 |
| CMYK | 48 40 1 1 |
Pantone solid coated 7549 C
| RGB | 255 182 0 |
| HEX/HTML | #FFB600 |
| CMYK | 0 22 100 0 |
Pantone solid coated 550 C
| RGB | 141 185 202 |
| HEX/HTML | #8DB9CA |
| CMYK | 44 10 6 0 |
Pantone solid coated 144 C
| RGB | 237 139 0 |
| HEX/HTML | #ED8B00 |
| CMYK | 0 49 100 0 |
Pantone solid coated Green C
| RGB | 0 171 132 |
| HEX/HTML | #00AB84 |
| CMYK | 96 0 68 0 |
Pantone solid coated 178 C
| RGB | 255 88 93 |
| HEX/HTML | #FF585D |
| CMYK | 0 75 57 0 |
Pantone solid coated 485 C
| RGB | 225 37 27 |
| HEX/HTML | #E1251B |
| CMYK | 1 94 94 0 |
Pantone solid coated 538 C
| RGB | 197 207 218 |
| HEX/HTML | #C5CFDA |
| CMYK | 19 9 2 0 |
Pantone solid coated 220 C
| RGB | 165 0 80 |
| HEX/HTML | #A50050 |
| CMYK | 0 100 13 26 |
Design guidelinesTypography
UBUNTU is the default font. Use it for all texts and captions.
Aa
The quick brown fox
jumps over the lazy dog.
Titoli e claims + Paragrafi di testo
La famiglia è molto corposa e prevede i seguenti pesi:
Light, Light italic, Regular, Italic, Semibold, Semibold italic, Bold, Bold italic.