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