Brand Guidelines. Brand Guidelines V1.2 May 21, 2018

Transcription

1 Brand Guidelines Brand Guidelines V1.2 May 21, 2018

2 1. Table of Contents 1. Table of Contents 2. Introduction 3. Logo 3.1 Clear Space 3.2 Color 3.3 Photo Backround 3.4 Sizing 3.4 Don t 4. Color Palette 5. Typography Iconography Photo Style Composites 3.4 The Envilope Window 8. Composites Brand Guidelines Envilope.com. All rights reserved. Table of Contents 2

3 2. Introduction The Envilope brand is more than just a logo. It is a visual kit and language made up of many pieces that work together to convey the core of what Envilope is and what we stand for. These guidelines have been created to help our partners, licensees, outside vendors, and other third parties understand how to use Envilope brand features correctly, including Envilope logos and trademarks. You are permitted to use the Envilope name, logos, artwork, and other brand features only in accordance with our Trademark Guidelines and Style Guide. Brand Guidelines Envilope.com. All rights reserved. Introduction 3

4 3. Logo Our logo is the Lydian stone of our brand and one of our most important assets. We must ensure proper usage. This is our primary logo. Note the horizontal lockup. When the primary logo doesn t fit your composition, use the vertical lockup. Brand Guidelines Envilope.com. All rights reserved. Logo 4

5 3.1 Clearspace The Envilope logo and Envilope mark should always have space to breathe, surrounded by a minimum area of space. A margin of clear space equivalent to the height of the EnvIlope if possible to create the invisible boundary of the area of isolation. The mark has a clear space equal to half the width. These areas of separation are the desirable, minimum and should be increased wherever possible. Brand Guidelines Envilope.com. All rights reserved. Clearspace 5

6 3.2 Color On light backgrounds, use our On darker colored On printing one color, use our On backgrounds with similar full-color logo. backgrounds, use our white dark monochromatic logo. colors, use our white monochromatic logo. monochromatic logo. Brand Guidelines Envilope.com. All rights reserved. Color 6

7 3.3 Photo Background When placing the logo on a photographic background, strive to meet the accessibility contrast requirements ratio. Primary on photo background. White on photo background. Brand Guidelines Envilope.com. All rights reserved. Photo Background 7

8 3.5 Sizing There are no predetermined sizes for the Envilope logo. Scale and proportion should be determined by the available space, aesthetics, function and visibility.there is no preset maximum size for the Envilope logo. Minimum sizes are as shown here. Digital: 80px width Print: 1.07 inch width Digital: 16px height Print: 0.21 inch height Brand Guidelines Envilope.com. All rights reserved. Sizing 8

9 3.6 Don t Use any logos or similar Rotate the mark or alter its Overprint or obstruct any part Use old versions or any other imagery to represent Envilope positioning in relation to the of the logo. marks or logos to represent our other than what you can see on Envilope name. brand. our brand guidelines. Brand Guidelines Envilope.com. All rights reserved. Don't 9

10 4. Color Palette We love colors. Mostly we use our two main colors, but we also have a wide variety of secondary colors as well. Primary Colors Secondary Colors Interdimensional Blue Blue-Violet Oxford Blue HEX: # RGB: 19, 28, 98, 100 Cool Black HEX: #002E5C RGB: 25, 62, 132, 100 Ocean Blue HEX: #483EBA RGB: 72, 62, 186, 100 HEX: #4826D3 HEX: #863CFF RGB: 78, 38, 211, 100 RGB: 134, 60, 255, 100 Violet-Blue HEX: #002E5C RGB: 63, 81, 181, 100 Bright Cerulean HEX: #14A4DB RGB: 20, 164, 219, 100 Bright Turquoise HEX: #2DE7FB RGB: 45, 231, 251, 100 Brand Guidelines Envilope.com. All rights reserved. Color Palette 10

11 5.Typography Our typeface is Roboto, a beatiful sanserif that complements our identity. Our font family should be used for all communications, ensuring a consistent look and feel in all online and print literature. Use good judgment when choosing different weights. They say privacy is a thing of the past we say it's the future. They say privacy is a thing of the past we say it's the future. They say privacy is a thing of the past we say it's the future. They say privacy is a thing of the past we say it's the future. They say privacy is a thing of the past we say it's the future. Brand Guidelines Envilope.com. All rights reserved. Typography 11

12 6. Iconography We have used a variety of iconography. These are some of our line drawing icons. They are familiar, uncomplicated and friendly, just like our design. When creating icons please keep the following in mind: Imagery should be simple and iconic. Detail elements should be minimal. Round corners whenever possible. Don't use traced photographs, they should haveillustrative playfulness to them that traced photographs often lack. Brand Guidelines Envilope.com. All rights reserved. Iconography 12

13 7. Photography Style Our style of photography is clean. It should express the idea of Trustworthy, Innovative, Privacy, Control & Compliance. Security and Safeness. Gradient filters can be used with our brand colours to create cohesion across different photographs if needed. Brand Guidelines Envilope.com. All rights reserved. Photography Style 13

14 8. Composites Envilope have an extensive and growing collection of composites that may be helpful to you and are available upon request. In case that you want to built your own, please make sure to you follow the steps below. 1. Use stock pictures based on our Photography Style. 2. The copy should always have space to breathe. Make sure that you apply a margin of clear space. 3. Feel free to use our trademark instead of the entire logo if needed but never use the wordmark without the envelope trademark. 4. In cases you would like to emphasize on the content, feel free to use our Outlined Rectangle. We call it Envilope Window. Outlined Rectangle (a.k.a. Envilope Window): Following our logo's geometrical structure, there are cases that we re using an outlined rectangle to showcase the content. A dominant, four-sided shape that represents Trust, Stability, Honestly and Security. The rectangle contains open paths. It usually starts with the need and ends on our logo as the solution to the need. The beggining and the end. Brand Guidelines Envilope.com. All rights reserved. Photography Style 14

15 8.1 The Envilope Window 32px Is very important to use the envilope window properly. Therefore make sure that you always follow our guidelines in case you would like to bring it on your composite designs. A simple example could be a squared composite: 1. The Envilope window" should always have space to breathe. 32px 32px 2. If there is a primary element displayed, like the document icon on the example given, should always be in the centre of your artboard. If not, consider not to use the window. 3. If there is a primary element displayed, like the document icon on the example given, should always be in the centre of your artboard. If not, consider not to use the window. 4. Consider a black & white mask outside of the window to emphasise on the primary element. If the mask doesn't meet your expectations, consider an alternative way of using a smooth blur effect. 32px Brand Guidelines Envilope.com. All rights reserved. Photography Style 15

16 9. Documents 32px 32px 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 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 16px 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 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 16px 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 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 32px If there is a need to built an Envilope document for communications from scratch, please make sure that you follow the basic guidelines presented below: 1. The document should always have space to breathe. 2. Keep appropriate spacing. 3. Respect the margins and always use equal breakpoints. 3. Always attach the necessary copywriting in the footer. Document Name Envilope.com. All rights reserved. 32px Brand Guidelines Envilope.com. All rights reserved. Photography Style 16