Branding & Identity Guidelines Examples

Page 1

branding & Identity USAGE GUIDELINES

Chalrie Davies LTD © 2016 | Brand guidelines


2

YourBrand

Always one step ahead

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


3

Brand guidelines for your company

Table of Contents ABOUT THE COMPANY

4

THE LOGO The Logo and its usage 6 Black and grey scale 7 Clearspace 8 Unacceptable treatments 9

COLOR PALETTE The Logo color palette Color tints and secondary color

10 11

TYPOGRAPHY The typography The second font Headings and colors Character & paragraph styles

12 13 14 15

OUR BRAND The business card The letterhead

16 17

ADDITONAL Rubber stamps 18 Imagery 19

WHY IS THIS BRAND SO IMPORTANT? 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.


4

Branding is not a look it’s a feeling!


Brand guidelines for your company

5

About the company Edis enihitia voloris ciaerio remquidemo blaut ulla verferro vero quisti sequisseque nonsequo volest hariatur audis aborporit ab identisquaes as molorio repere, velluptius experibus arum voluptatur, nempel exerfer natur? Hende dustrum ditatiam volenec aeribusamus con natium faccum idero ommolup tibusdae volupti offictur repedit fugiatem harum fugiam a nimusci lluptur, sant ati blam, sit fuga. Ne velis pliquae. Nem fugia quuntur maximagnimil id quam alit estibust, autem eatur, temperum quam re volupta volest, ommoles serferspe non et et alit exerate mporecto qui tem ipissit quo bersped ut eos ant, auta et, tore ea doluptam quis eat ex et quibus, utecaerum que cum ea con rem ut expedit assitatem earchici a comnien daniminctem etur aperior eperae. Nam vendand essimod qui in rem. Et ea sumquiam alis dolorem aspercia simus eate velectotatur simusa sinihicid essenti doluptas eum esequis senimus que molor aut ratum ipsunti atibus molupta tiumquide quid mint occabore dis aci volorio corem aliquis plit, as alit

arum ne et occabo. Vitatur? Uga. Xerias dest voluptat venis eaquossit laccate et utemquia dolliqui dolupta tusamus etur? Quiatem fugit experferum qui blam, alibust explaborias dolescipis sed ulluptatur, verum et explam et, commolu ptatatur modit, sundit occum et eaque qui autas sit, core est perit dolorroresto blabo. Exeriam et et aut harciis eum de idelessimpe nectentia qui quae. Ut apero et od quunti doloruptur, nihiciunt, con consed quunt ex enis maxim adi dolorias rem rehentem volendicab id qui as rem quissequi dunt, nonseri buscil eatibus quatiis doluptasi nulles dolupti oreped que nobis molorrum siti beris dolestr umquia qui dis esciamusam nonsequ asperfe rfernatum hillabo. Im andem rectum doluptis ressin et dit pa derferf ernatem poribus iuntur? Qui volupti nem fuga. Nam venimi, que enis volorianis mossint volupta tempore pelibus volori dolorro voluptumquae nis ventisquo mi, volore renimusciis seri corunt estiorum, aute aceaquibus.


6

1.1 The Logo and its usage

YourBrand

B

Always one step ahead

A

A

YourBrand icon in circle

C

B

YourBrand word mark

C

YourBrand tagline

The YourBrand logo combines three elements: theYourBrand logotype,the tagline and the circle with the icon as a graphical element. These elements should never be changed. Position, size, and color, along with the spatial and proportional relationships of the YourBrand logo elements, are predetermined and should not be altered. Used consistently, they will reinforce public awareness of the company.

THERE ARE TWO VERSIONS OF THE LOGO WHICH CAN BE USED.

STANDARD LOGO

SECOND CHOICE LOGO

This is the logo of choice, to be used whenever possible. For all print and digital marketing.

A secondary version of the logo for all versions which need a background, for example over photos.


7

Brand guidelines for your company

1.2 Black and grey scale

Standard Logo, contour 1pt black

Standard Logo, icon and second name 80% black

Second choice Logo. Background 100% black, contour 1 pt white.

Second choice Logo. Background and icon 80% black


8

1.3 Clearspace

The YourBrandlogo requires serperation from the other elements around it. The space required on all sides is roughly eqivalent to the cap heighth 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 elementswhich could hinder legibility of the brand.

Please note that text or pictorial figures which have strong impact or impression should not be placed near the logos even though you keep the isolation area blank.


9

Brand guidelines for your company

1.4 Unacceptable treatments PLEASE NOTE: THE LOGO CANNOT BE CHANGED! Although creativity is appreciated please do not alter the logo in anyway!

Do NOT rotate the Logo

Don’t use stroke shadows

Don’t alter height & width relationship

Do NOT use different colors

Don’ change position of elements

Don’t leave off graphical element

Don’t use frames

Do NOT use gradients in the BG


10

2.1 The Logo color palette

A comprehensive color palette has been developed to provide flexibility while creating a unified, recognizable appearance across all communications. PRIMARY COLOR PALETTE Use of color for the printed and digital logo The following palette has been selected for use in YourBrand communcations. Lighter tints of these colors are also allowed., but the Logotype + background may only be used with a 100% tint. The primary colors include a powerful blue, that embodies the strength and dynamic of your company. The additional colors are gray, black and white to underline the seriousity of your business.

COLOR 1

COLOR 2

COLOR 3

COLOR 4

CMKY 100 / 0 / 5 / 5 RGB 0 / 152 / 209 HEX #0098d1 Pantone 639 C

CMKY 70 / 55 / 41 / 17 RGB 85 / 97 / 111 HEX #55616f Pantone 431 C

CMKY 0 / 0 / 0 / 100 RGB 0/0/0 HEX #000000

CMKY RGB HEX

0/0/0/0 255 / 255 / 255 #ffffff


11

Brand guidelines for your company

2.2 Color tints and secondary color The primary color palette includes specifications for Pantone colors on coated stock (C). When reproduced using the four-color process (CMYK), and when creating PowerPoint presentations (RGB). The palette above allows the addition of primary colors to enrich the YourBrand visual identity as a whole.. Lighter tints of these colors are also allowed.

100%

80%

50%

20%

100%

80%

50%

20%

80%

60%

40%

Secondary color

100%


12

3.1 The typography Font Kameron The institutional YourBrand typeface is KAMERON published by Vernon Adams. Kameron is a reworking and fusing of several classic Slab Serif and Egyptian type forms from the early to mid Twentieth Century. This font should be used in all YourBrand communications to project a consistent visual identity. This includes promotional materials, advertising, digital assets, and printed materials.

regular Kameron regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz01234567890

bold Kameron bold

This serif font is available in two weights. The YourBrand logotype uses both. The regular weight is for the first word, the bold weight for the second.

Print and web As a general rule, Kameron bold is used for headings (1 and 2), qoutes and intro text. All headlines should always be set bold. This font is also avaiable as web font!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz01234567890


13

Brand guidelines for your company

3.2 The second font

regular Open sans regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz01234567890

italic Open sans italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz01234567890

bold Open sans bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz01234567890

Font Open sans The secondary YourBrand typeface is Open sans published by Ascender Fonts. Open Sans is a humanist sans serif typeface designed by Steve Matteson. It was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms. This font should be used in all YourBrand communications to project a consistent visual identity. This includes promotional materials, advertising, digital assets, and printed materials. This serif font is available in 10 weights. We use 3 of them. The subline of YourBrand uses the regular weight.

Print and web As a general rule, Open sans is used for headings (3 and 4) and all basic text. This font is also avaiable as web font!


14

3.3 Headings and colors Heading 1 Kameron bold 58 PT

This is YourBrand Quote Kameron bold 48 PT

This is YourBrand Heading 2 Kameron bold 58 PT

This is YourBrand Heading 3 Open sans 14 PT uppercase

THIS IS YOURBRAND

COLOR VERSIONS FOR HEADING 1 AND QUOTE

Color 1 Color 2 Color 1 Color 2


15

Brand guidelines for your company

3.4 Character & paragraph styles INTRO TEXT Fererata quo tet, inihili ciisci istotam quia ducia ventiureped et alique ressum quam quiate qui acea dent expelecea vollabor sim reperci liquas audiae int, num faccus reperch icipientiasi occaerum voles maximi, comnimaxim exeratquo et de nos resequi ut lab il molorem oluptae veruptatatem quis inullant harum conse rem simaxim quamet et quiasperum doloratiis.

BASIC TEXT REGULAR

BASIC TEXT BOLD

BASIC TEXT ITALIC

Is ea sunt facesequia si sitia siminti nusdaepellam solut debit eic test utature riorro bea voluptate pelest la sundese nus cuptatem quo que nist fugia anihit minullent quas pro mil mo con consequi aut evelique audae es etum dolut es que quae lantus.

Is ea sunt facesequia si sitia siminti nusdaepellam solut debit eic test utature riorro bea voluptate pelest la sundese nus cuptatem quo que nist fugia anihit minullent quas pro mil mo con consequi aut evelique audae es etum dolut es que quae lantus.

Is ea sunt facesequia si sitia siminti nusdaepellam solut debit eic test utature riorro bea voluptate pelest la sundese nus cuptatem quo que nist fugia anihit minullent quas pro mil mo con consequi aut evelique audae es etum dolut es que quae lantus.

LIST WITH NUMBERS

LIST WITH BULLETS

1. Igendam, sus aspelen danditam hiliquia que pera

• Igendam, sus aspelen danditam hiliquia que pera

sund colore 2. Nempor arum ne aut as culparchit ad eati audae etiam filii cum laude 3. Et et pos prest hiliberias eossi odia aligent, officab 4. Ipsum venisincia cum rehenis endae et, tet est, quia doluptatur moluptature

sund colore Nempor arum ne aut as culparchit ad eati audae etiam filii cum laude Et et pos prest hiliberias eossi odia aligent, officab Ipsum venisincia cum rehenis endae et, tet est, quia doluptatur moluptature

• • •


16

4.1 The business card Here are examples of our brand applied on various promotional mediums, products and internal works.

55 mm

85 mm

125 Stonebridge Road Washington, D.C. 10035

Jonathan Gr ay Managing Director

1 234 456 567 contact@yourbrand.com www.yourbrand.com

Format: Width 85mm x Height 55mm

Color

(Pantone solid 431 C, 639 C and Pantone Process Black C


17

Brand guidelines for your company

4.2 The letterhead 210 mm

125 Stonebridge Road Washington, D.C. 10035 1 234 456 567 contact@yourbrand.com

297 mm

www.yourbrand.com


18

5.1 Additional work RUBBER STAMPS Here are examples for some rubber stamps, usable for print and web. Rotate them to 15° or -15°. Use gray, white or blue color, depending on background.

Proved Quality

Top Seller

Ceritfied Files


Brand guidelines for your company

6.1 Imagery Please keep the following guidelines in mind when creating and using photography for YourBrand: 1. Use photography or illustration that is appropriate for the content, tone and production level.

2. Use grayscale images for all print products. 3. Use of imagery that demonstrates the creativity of the employees of YourBrand 4. You can use photos of steel constructions or other modern buildings. 5. For photos with business people use only single persons. 6. All photos should be light and clean. 7. Use the optimal image detail, so that it looks like zoomed into the picture.

19



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.