brand guidelines - plesk · pdf filebrand guidelines. 2 v2 mar 17 contents introduction our...

21
1 v2 Mar 17 Brand Guidelines

Upload: vuongcong

Post on 27-Mar-2018

237 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

1 v2 Mar 17

Brand Guidelines

Page 2: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

2 v2 Mar 17

Contents

IntroductionOur core brand Our audienceIcon set

Our logoLogo usageLogo colorIncorrect logo usageLogo on imageryPartner logos

Brand mascotBrand mascot examplesIncorrect brand mascot usage

Colour palette weightsPrimary color paletteSeconday color paletteTypefaceTypeface standard

Contact us

03040506

070809101112

131415

1617181920

21

Page 3: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

3 v2 Mar 17

We are Plesk

We are the leaders in our industry, and we are proud to be entrusted to run on more than 377,000 servers in over 140 countries and across 32 languages.

These guidelines will ensure that our brand stands strong and consistent, and is seen by all for the excellence, innovation and leadership that we stand for.

Page 4: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

4 v2 Mar 17

The power to simplify

Our core brand

We are more than just a control panel - we enable millions of people the power to get what they need, and do what they want, simply.

For developers, we give them the power to (just) code with a ready-to-code environment and most popular tools at their disposal. Content managers can harness the power to focus on content, and leave complex system and development tasks to be automated or vastly simplified.

Agencies enjoy the power to manage multiple customers and their account managers, in one unified view. IT admins are empowered to set up, secure and maintain their infrastructure through a powerful graphical web interface. Hosters and man-aged service companies can jump onto the cloud and benefit from the power to compute and scale without limits.

Page 5: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

5 v2 Mar 17

We have three distinct audiences, and our messaging should always be targeted to these different types. It’s never one size fits all.

Web Admins, who manage sites for an employer, a business, or for themselves. They want simple website and domain management without all of the service provider overhead, like management of customers, resellers or subscriptions. Recommended: Plesk Web Admin Edition

Web Professionals, who design, develop, and deploy websites. They want a simple way to manage their customers’ websites, including their growing use of WordPress as a CMS platform. Recommended: Plesk Web Pro Edition

Web Hosters, who allow their customers to use their shared account in almost any configuration they want. They want secure WordPress and domain management tools to support their multi-tenant, “install anything” customers. Recommended: Plesk Web Host Edition

They’re driven and ambitious – at the cutting edge of technology and likely to thrive in the digital world. Engaged and enthralled by technology they are always on – working from wherever their world takes them. They’re knowledgeable and diligent and like to feel they are operating at the forefront of their industry.

Our audience

Page 6: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

6 v2 Mar 17

Color combination on icon set

Our icon set is based on a combination of 3 blue gradations: 100% primary color, 60% transparency and 25% transparency. We always use Color 1 for borders (thickness 1px), Color 3 for backgrounds, and Color 1 or 2 for internal graphics elements

Color 1 hex#: 53bce6

Color 2 hex#: 98d7f0

Color 3 hex#: d4eef9

Rounded corner

Color 1 and color 2 for details

PDF

Icon set

Page 7: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

7 v2 Mar 17

Our logo

Our logo is our most visible and recognizable symbol. It is always present on all our communications across digital and printed mediums.

The Plesk logo must be used on all advertising, internal and external documents, corporate stationary, signage, presentations, emails and any other promotional communications.

The Plesk logo is our official brand symbol and should not be used outside of the guidelines described in this document.

Please consult the marketing team if you are unsure of how to use the logo or any of the elements in the brand palette.

Page 8: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

8 v2 Mar 17

Logo usage

Square logo placementWhen containing our logo inside a sqaure it should always be placed in the centre and scaled up until the left/right clearspace = the x-height.

Clear spaceOur logo needs to be visible in every application. To ensure this is always achieved, a minimum amount of “clear space” surrounding the logo has been specified. The clear space is determined by the x-height which equals the width of the logo line brand mark.

This space should always be free from graphics or text. It is acceptable and encouraged to give our logo more clear space than that of the x-height, should the space allow.

Download Plesk logo ZIP

Page 9: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

9 v2 Mar 17

The approved variations of the Plesk logo are shown here. Wherever possible please use the primary positive or negative logo.

When it is not possible to use the primary logos please use the secondary positive or negative one colour logo variations. Minimum/maximum sizes Our logo should not be replicated any smaller than 25mm wide. Our logo can be scaled up to any size. For digital use, our minimum logo size is 75px.

Primary positive logo

Blue: c59 m7 y2 k0 or Black For use on light backgrounds.

Primary negative logo

Blue: c59 m7 y2 k0 or WhiteFor use on dark backgrounds.

Secondary positive logo

For use on light backgrounds when the primary logo can not be used.

Secondary negative logo

For use on dark backgrounds when the primary logo can not be used.

Logo color

Page 10: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

10 v2 Mar 17

Our logo is valuable to us, and in order to build and sustain our brand recognition, the logo should not be changed in any way.

These are just a few examples of how not to use the logo.

Do not stretch the logo Do not tilt the logo

Do not skew the logo Do not change the logo colour

Do not crop the logo Do not place the two colour logo on a non-brand colour

Incorrect logo usage

Page 11: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

11 v2 Mar 17

When a logo needs placing on an image the primary position should be on Top/Left or Bottom/Middle. It is important that there is sufficient empty space around the logo to prevent it from being “overshadowed” by other information. For this reason, an empty space around the logo (the free margin) has been defined.

Logo on imagery

Sitcker

Social media

Empty area

Bottom/CenterTop/Left

Page 12: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

12 v2 Mar 17

Partners must only use the logo for the partner status awarded. Minimum/maximum sizes Our partner logos should not be replicated any smaller than 25mm wide. Our minimum logo size is 75px. Our partner logos can be scaled up to any size.

Clear space Allow clear space of half the height of the partner logo.

Partner logos

Download logos ZIP

Page 13: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

13 v2 Mar 17

Brand mascot

Meet Elvis Plesky, your all-in-one WebOps and DevOps geek. Graphically, Elvis was brought to us through an illustrative style that reflects the modern, flat design that reflects the technology industry Plesk is part of.

Elvis Plesky is an intelligent, multi-tasking Octopus who uses all eight tentacles to manage many different server tasks and components in the background, so as to simplify the lives of Web Professionals. Elvis is also a friendly buddy to web agencies and helps them build, secure and run websites and applications. With Elvis around, you can finally focus on developing and designing great websites and applications, and stop worrying about operations and maintenance chores.

Download mascot ZIP

Page 15: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

15 v2 Mar 17

Incorrect brand mascot usage

Orientation Mascot body

Not correct Not correct

Partial correct

Octopus elements are only strongly recomendend in a content when is also visible the entire mascot (website, landing pages, etc.).

Correct Correct

Download mascot ZIP

Page 16: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

16 v2 Mar 17

The above shows how our core colour palette should be used, and how much of each colour to use in any design.

PRIM

ARY

SEC

ON

DA

RY

Colour palette weights

Page 17: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

17 v2 Mar 17

Whitec:0 m:0 y:0 k:0

r:255 g:255 b:255

hex#: ffffff

pantone: White

Blue/Greyc:80 m:60 y:40 k:40

r:56 g:72 b:89

hex#: 384859

pantone: 7545 C

Blackc:72 m:66 y:65 k:72

r:34 g:34 b:34

hex#: 222222

pantone: Neutral Black

Greyc:51 m:40 y:40 k:22

r:34 g:34 b:34

hex#: 7b7b7b

pantone: Cool Grey 9C

Blue 1c:59 m:7 y:2 k:0

r:83 g:188 b:230

hex#: 53bce6

pantone: 2985 C

The primary colour palette consists of our four core brand colours. Black and grey should only be used for copy and in small blocks.

Primary colour palette

Page 18: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

18 v2 Mar 17

Green 2c:30 m:5 y:100 k:0

r:194 g:207 b:66

hex#: c2cf42

pantone: 584 C

Green 1c:25 m:0 y:80 k:0

r:205 g:214 b:99

hex#: cdd663

pantone: 585 C

Blue 2c:72 m:13 y:0 k:0

r:3 g:173 b:228

hex#: 03ade4

pantone: 298 C

Blue 3c:73 m:23 y9 k:0

r:49 g:157 b:201

hex#: 319dc9

pantone: 7688 C

Green 3c:47 m:5 y:100 k:0

r:149 g:187 b:65

hex#: 95bb41

pantone: 367 C

Green 4c:49 m:5 y:88 k:15

r:124 g:167 b:72

hex#: 7ca748

pantone: 7489 C

Blue 4c:85 m:40 y:25 k:2

r:19 g:126 b:160

hex#: 137ea0

pantone: 7468 C

Seconday colour palette

The secondary colour palette offers a selection of colours to compliment the primary colour palette. These colours should only be used in contrast to the primary colours and as colour accents.

Page 19: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

19 v2 Mar 17

An integral part of the Plesk brand is the typography we use to communicate with our customers. Our typeface reinforces the consistency of our brand. It provides enhanced readability and represents quality, simplicity, ease of use for which Plesk is known.

Primary fonts: Lato

This typeface it has been chosen for his clean appearance, strong legibility and impact, and it should be used across all communications.

Lato was chosen for its variety and flexability. It is used in its ‘black’ weight for:

headlines regular for subheads and for body copyWhen Lato is unavailable please use system font Arial.

You can use Arial in BOLD or REGULAR weights. Use BOLD for headlines and REGULAR for body copy.

Typeface

Download Lato font ZIP

Page 20: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

20 v2 Mar 17

Lato is the san serif type family used for all standard communications.

Lato is a print and web font and must be used as the primary reading font. Lato is used in three weights: Black, Regular and Light. When Lato can not be used e.g. email communucation please use Arial Black, Bold or Regular.

Lato Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Lato Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Lato Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Typeface standard

Page 21: Brand Guidelines - Plesk · PDF fileBrand Guidelines. 2 v2 Mar 17 Contents Introduction Our core brand Our audience Icon set Our logo Logo usage Logo color Incorrect logo usage Logo

21 v2 Mar 17

US toll-free: +1 855-777-3680

Spain: +34 944 58 06 58

Russia: +7 495 909-08-45

Japan: +81 3-4510-0777

Germany: +49 2228 9674455

Switzerland: +41 31 528 12 23

Asia pacific: +61 7 4410 3366

Plesk Marketing Team [email protected]

Contact us