Brand Guidelines 2018 - Indesign Template

IDENTITY & LOGO USAGE GUIDELINES designed by corrella for CinqueCento

CinqueCento © 2018 | Brand guidelines w w w.cinque-cento.com

CinqueCento Brand Guidelines

GUIDELINE CONTENTS 01 Introduction About this brand

3

02 The Logo

The business cards

18

The envelope

19

The presentation folder

20

Merchandising 21

The logo versions

5

Black, white & grayscale

6

Construction & clearspace

7

03 The Color Logo color palette

9

Secondary color palette

10

Inspiration moodboard

11

06 Digital Grid systems for websites

23

Mobile web design

24

Social Media

25

07 Imagery Image moodboard

07 Additional

04 Typography Typography & hierachy

13

The primary typeface

14

The secondary typeface

15

Corporate icons

29

The checklist

30

Help or feedback

31

05 Printed The letterhead

17

You never get a second chance to make a first impression.

(Andrew Grant, Even)

27

CinqueCento Brand Guidelines

A B OU T T H I S BR A N D This identity guideline is a tool designed to project the image, values, and aspirations behind the brand.

It is the cornerstone of all communication efforts and must be followed carefully to ensure a consistent style and quality of presentation. Every participating institution is responsible for representing or coordinating the use of the brand along with an individual institution’s brand.

Jocelyn Valentine Creative Director

3

CinqueCento Brand Guidelines

THE LOGO

The CinqueCento logo combines three elements:

proportional relationships of the CinqueCento logo

the logotype, the webaddress and the icon as graphical

elements, are predetermined and should not be altered.

element. These elements should never be changed.

Use dconsistently, they will reinforce public awareness

Position, size, and color, along with the spatial and

of the company.

The logo icon

The logo wordmark

The logo web address

5

CinqueCento Brand Guidelines

The Logo versions

Standard Logo

Second choice Logo

This is the logo of choice, to be used whenever possible.

A secondary version of the logo for all versions which

For all print and digital marketing.

need a background, for example over photos.

Logo consistency

Consistency of application

Consistency of quality

Maintaining logo elements

Maintaining logo placement

Ensuring that all uses communicate

typeface, color, proportion, clear

and prominence across all

a consistant message of quality and

space and size guidelines.

communications.

excellence.

CinqueCento Brand Guidelines

Black, white & greyscale

Description Sometimes, often due to production costs, you need another color or only one color of ink is available and so the Logo must be reproduced using only one color. Just use 100% black or 60% blacvk for the background. If you use the first choice logo use 100 % black for all or 60% black for icon and webaddress and 90% black for wordmark.

CinqueCento Brand Guidelines

7

Construction & clearspace

Description The CinqueCento logo requires serparation from the other elements around it. The space required on all sides is equivalent to the icon of the logo type. It never should be less than that. The logo must always fit into the clearspace area and can not be intervened by other graphical elements which could hinder legibility of the brand.

CinqueCento Brand Guidelines

THE COLOR Use of color for the printed & digital logo.

The following palette has been selected for use in CinqueCento communcations.

Lighter tints of these colors are also allowed, but the Logotype may only be used with a 100% tint. The primary colors include a Ash rose tone, that embodies the feminine site of the company.

The additional colors are bordeaux and lava stone wich harmonized perfectly to the rose and gives the whole a warm, gently and elegant touch.

9

CinqueCento Brand Guidelines

The logo color palette

Ash rose

Bordeaux

Lava stone

80% tint

80% tint

80% tint

60% tint

60% tint

60% tint

40% tint

40% tint

40% tint

20% tint

20% tint

20% tint

Color codes

Color codes

Color codes

CMYK

44 / 60 / 38 / 7

CMYK

57 / 75 / 53 / 30

CMYK

10 / 10 / 0 / 70

RGB

145 / 109 / 124

RGB

100 / 66 / 80

RGB

97 / 97 / 106

HEX #916d7c

HEX #644250

HEX #61616a

Pantone 5205 C

Pantone 5185 C

Pantone 445 C

CinqueCento Brand Guidelines

Secondary color palette

Royal grey

Spring rose

Fawn

Color codes

Color codes

Color codes

CMYK

50 / 40 / 41 / 9

CMYK

9 / 20 / 17 / 0

CMYK

6/7/6/0

RGB

129 / 132 / 132

RGB

229 / 203 / 197

RGB

236 / 231 / 230

HEX #818484

HEX #e5cbc5

HEX #ece7e6

Pantone 444 C

Pantone 5035 C

Pantone 663 C

CinqueCento Brand Guidelines

Inspiration moodboard

11

CinqueCento Brand Guidelines

THE TYPOGRAPHY It is 95% of design Typography is, quite simply, the art and technique of arranging type. It’s central to the skills of a designer and is about much more than making the words legible. Your choice of typeface and how you make it work with your layout, grid, colour scheme, design theme and so on will make the difference between a good, bad and great design.

All typefaces are not created equally. Some are fat and wide; some are thin and narrow. So words set in different typefaces can take up a very different amount of space on the page.

CinqueCento Brand Guidelines

13

Typography & hierachy

THE QUICK BROWN FOX Heading 1 (Caviar Dreams bold 36 pt)

THE QUICK BROWN FOX Heading 2 (Caviar Dreams bold 22 pt)

The quick brown fox

Heading 3 (Caviar Dreams bold 16 pt)

T H E QU IC K BROW N F OX Heading 4 (Playfair Display 14 pt)

The quick brown fox Heading 5 (Playfair Display 14 pt) The quick brown fox Body Copy (Playfair Display 9 pt) The quick brown fox Caption (Playfair Display 8 pt)

Please notice Size is the simplest way to create contrast between different typographic elements in your design. With 5 levels of headlines, the font size generally starts out largest on top (level one; your most important information) and decreases in size as you move down the page.

CinqueCento Brand Guidelines

The primary typeface Caviar Dreams

Regular Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 !Ӥ$%&/()=?

Copyright notice Caviar Dreams © Lauren Thompson (Nymphont) 2009. All rights reserved.

CinqueCento Brand Guidelines

The secondary typeface Playfair Display

Regular, Italic Bold, Black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 !Ӥ$%&/()=?

Copyright notice Copyright (c) 2006 by Claus Eggers S¿rensen. All rights reserved.

15

CinqueCento Brand Guidelines

PRINTED Consistency is the key for all layouts and designs.

Paper stock, finish, weight, and brightness will vary a great deal based upon your physical form, budget, and printer availability. In general, paper stock should be a bright white in the weight and finish appropriate to your printed piece.

Some types of communications require specific types of paper stock.

CinqueCento Brand Guidelines

17

The letterhead

Important Clean and simple, we designed our stationary to align with our visual system. The letterhead features the logo in the middle of the top with the business contact information on the opposite site.

CinqueCento Brand Guidelines

The business card

SARAH RIVERSIDE Graphic designer

123 Street Name Wellington City 45, CA

+49 123.456.234.56 contact@cinque-cento.com

Parameter:

Paper:

Color:

Dimensions 85x55 mm

Offset White / 300 g/m²

Print with Pantone 2 colors

19

CinqueCento Brand Guidelines

The envelopes

Parameter:

Paper:

Color:

DIN lang or other formats

Offset White / 100 g/m²

Print with Pantone 2 colors

CinqueCento Brand Guidelines

The presentation folder

Parameter:

Paper:

Color:

345 mm x 490 mm

Glossy White / 300 g/m²

Print with Pantone 2 colors

21

CinqueCento Brand Guidelines

Merchandising

Parameter:

Paper:

Color:

Different sizes available

Offset White / 250 g/m²

Print with Pantone 3 colors

CinqueCento Brand Guidelines

DIGITAL Using grid systems for consistency .

An effective website design is important to support buyer behaviour and marketing communications objectives for a range of audiences. It should deliver an effective branded customer experience.

Websites must be aligned with marketing objectives and continuously monitored and reviewed so that their contribution to the organisation improves. Persuasion approaches should be used to engage customers and convert them to the outcomes required by site owners.

CinqueCento Brand Guidelines

23

Grid systems for websites

Use on different devices Grid systems are used for creating page layouts through a series of rows and columns that house your content.

Here are some examples. The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops).

CinqueCento Brand Guidelines

Mobile web design

General Branding on the web is about function as well as style. That is why consistency is essential throughout the pages of a website, with navigation bars, headers and footers, and color schemes all serving to orient the visitor.

CinqueCento Brand Guidelines

25

Social Media

Facebook and Instagram Our Social media applications are an important way to tell our brand story to internal and external stakeholders.

The following is a small sample of ways to execute our new brand identity in collateral. The size of Facebook banners should always be 851 x 315 px and the size of the Instagram story should be 1080 x 1920 px.

CinqueCento Brand Guidelines

THE IMAGERY Brand image is the overall impression in consumers’ mind.

Effective images communicate something clearly to the user.

Photography and illustration are powerful, engaging elements that add real value when used appropriately and consistently alongside content.

Please follow these guidelines on the best ways to select and present your imagery.

CinqueCento Brand Guidelines

Image moodboard

27

CinqueCento Brand Guidelines

ADDITIONAL The iconography.

The icons are pictograms displayed on the screen or print layout in order to help to navigate through the content.

The icon itself is a comprehensible symbol of a software tool, function, or a data file, accessible on the system and is more like a traffic sign than a detailed illustration of the actual entity it represents. The icons are used with the square background or without any background in print and web.

They are available in 2 different color combinations.

CinqueCento Brand Guidelines

Corporate icons

29

CinqueCento Brand Guidelines

The checklist 01 The logo Only use approved versions of the logo. Please check that you have respected the minimum size and exclusion zone requirements. The logo should not appear on color backgrounds without being reversed out.

02 Color Please make sure that only your approved colors are used.

03 Typography Use the font Adobe Caslon Pro for all top headings. For body text and smaller headings use font Lato. Both fonts are also available for web.

04 Imagery Use desatured photos with vintage color, grayscale photos or photos with color overlay. Please follow the rules.

04 Print materials Please use the provided grids and approved layouts for all printed products and the stationery.

Important Best to have a checklist. Then you know you’ve done everything perfectly!

31

CinqueCento Brand Guidelines

Help or feedback Jane Whitemore Brand development manager 125 Herold Avenue, Anywhere 5624 Winterland / United States Phone +22 (0) 44 34 5678 68 Fax

+22 (0) 44 34 5678 70

E-Mail whitemore@your-company.com

Eugene Bundy Brand communication manager 125 Herold Avenue, Anywhere 5624 Winterland /United States Phone +22 (0) 44 34 5678 69 Fax

+22 (0) 44 34 5678 70

E-Mail bundy@your-company.com

For you To provide feedback, share informations or seek answers to questions you may have about this brand, please contact us.

Your Company 125 Herold Avenue, Anywhere 5624 Winterland / United States Phone +22 (0) 44 34 5678 68 Fax +22 (0) 44 34 5678 70 E-Mail whitemore@your-company.com Web www.your-company.com

CinqueCento Š 2018 | Brand guidelines w w w.cinque-cento.com