punchin trudy - brand manual

28
BRAND MANUAL

Upload: gilberto-moya-perona

Post on 10-Mar-2016

232 views

Category:

Documents


2 download

DESCRIPTION

Brand manual for Punchin Trudy. http://www.punchintrudy.com/ Designer: Pisto Casero http://pistocasero.com/

TRANSCRIPT

Page 1: Punchin Trudy - Brand Manual

BRANDMANUAL

Page 2: Punchin Trudy - Brand Manual

IN-

DEX

Page 3: Punchin Trudy - Brand Manual

04 The brand main logotype simplified version

08 The typography logotype text

14 The colours brand application on backgrounds

18 The correct usage

26 Credits

Page 4: Punchin Trudy - Brand Manual

TH

E

BRAN

D

Page 5: Punchin Trudy - Brand Manual

5

This is the main version of the logo and it should always be used if possible with a light clean background. This composition is indivisible, it should always be used as it appears above. Altough there are some exceptions that we will see as we follow along the manual.

Page 6: Punchin Trudy - Brand Manual

6

There is no max size for the main logo.

The main logo

100px wide / 35mm wide. Min size of themain logotype.

The main version of the logo should never be used in smaller sizes than 100px wide or 35mm wide.

Page 7: Punchin Trudy - Brand Manual

7

There is a simplified version for smaller sizes, when the logo needs to be used in a smaller size than 100px wide in the screen or it needs to be printed out smaller than 35mm wide, we need to use this simplified version.

The simplified version of the logo should never be used in a bigger size than 100px wide or 35mm.

The simplified version

50px wide / 10mm wide. Min size of thesimplified logo.

100px wide / 35mm wide. Max size of the simplified logo.

And it should never be repro-duced smaller that it appears here, 50px wide (or 10mm wide).

Page 8: Punchin Trudy - Brand Manual

TH

E

typo

-g

ra

ph

y

Page 9: Punchin Trudy - Brand Manual

9TH

E

typo

-g

ra

ph

y

TREND SANS ONE is the font that was used to develop PUNCHIN TRUDY’S logotype. The TREND FONT FAMILY is a key ele-ment in the identity of this brand. It should be used in the headings in any kind of digital or printed publication of this brand.

PUNCHINTRUDY

The original main logotype.The words ‘PUNCHIN TRUDY‘ written in TREND SANS ONE font.

Page 10: Punchin Trudy - Brand Manual

10

TREND SANS ONEABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

TREND SANS FOURABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

TREND SANS FIVEABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

Page 11: Punchin Trudy - Brand Manual

11

TREND SLAB ONEABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

TREND SLAB FOURABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

TREND SLAB FIVEABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

Page 12: Punchin Trudy - Brand Manual

12

SANSATION font for body text. Sansation is the comple-mentary font of this brand. Together with Trend font family, Sansation is the font in which the content of the publications should be set. As an example, the body text of this manual is using Sansation font.

And Sansation in the body text for any digital or printed publication of PUNCHIN TRUDY’s brand. Don’t use any other font as a general rule.

MAKE SURE TO USE TREND IN HEADINGS

Why does it matter?

It is really important to develop a clear, strong and consistent brand. Over the time it should follow the same rules and principles, and typography is a fundamental element.

But what about the web? None of this fonts are web safe fonts.

Yeah, you’re right. But fortunately now-adays there is no problem to safely use any font you like in the web. With the rule @font-face in CSS3 we can import and display any font in our web and the user will see it with no problem.

Page 13: Punchin Trudy - Brand Manual

13

SANSATION REGULAR

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

SANSATION BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

SANSATION ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789()!?#$&”’+-=/.:;<>{}[]*

Page 14: Punchin Trudy - Brand Manual

TH

ECO

L-

OU

rS

Page 15: Punchin Trudy - Brand Manual

15TH

ECO

L-

OU

rS

WhiteCMYK (0, 0, 0, 0)RGB (255, 255, 255)

PMS 802CMYK (56, 0, 66, 13)RGB (171, 255, 0)

BlackCMYK (0, 0, 0, 100)RGB (0, 0, 0)

Green, white and black are the colour components of this brand. The logo can never bee used in any different combination of colours. There are different variants of the logo whose aim is to achieve the highest effectivity possible when being used in different conditions.

Page 16: Punchin Trudy - Brand Manual

16

The three available variants of the main logo when it is used against light backgrounds. *Note that you can’t exchange this variants with the ones on the right page as some outlines or shapes will be missing.

The two available variants of the simplified logo when appearing on a light background. Reproduced here at their maximum size (100px wide). There is no color version of the simplified logo.

Light background logo versions

Page 17: Punchin Trudy - Brand Manual

1717

The two available variants of the simplified logo when appearing on a dark background.

The three available variants of the main logo when it is used against dark backgrounds.

Dark background logo versions

Page 18: Punchin Trudy - Brand Manual

TH

Eco

rrect

usa

ge

Page 19: Punchin Trudy - Brand Manual

19TH

Eco

rrect

usa

ge

You should always pay attention to the background in which you are going to use the logo. You should ask yourself: Is it dark enough to use the negative version of the logo? Your decision may not only depend in the concret background but in the rest of the elements of your design as well, as a whole. You should also be careful when reproducing the logo in small sizes, there are some rules about when to use the simplified version and when the original one.

What is the most appropriate option?

Page 20: Punchin Trudy - Brand Manual

20

The main version of the logo doesn’t have a maximum size.

The minimum size in which the main logo can be used.

The maximum size in which the simplified logo can be used.

The minimum size in which the simplified logo can be used.

100px / 35mm

100px / 35mm

50px /10mm

Page 21: Punchin Trudy - Brand Manual

21

The logotype, composed with TREND SANS ONE font.

The symbol, a graphical repre-sentation of a “punch“, with the shape of a star composed by two triangles.

The logotype and the symbol can only be used indepen-dently from each other as an exception. Most of the times (if not al-ways), the logo will be used as the composition of both of them, in one only possible way, the way it appears several times along this manual.To understand it better, in the next pages there are some examples of how the logo should be used and how it can’t be used.

Page 22: Punchin Trudy - Brand Manual

22

The correct usage

75mm

Make sure to leave enough margin around the logo. The optimal margin size is 1/10 of the width of the logo. In this example, we’ve represented the margin in green. When the logo width is 75mm we set a margin of 7.5mm around the logo.

7.5mm

Be sure that you’re chosing the appropiate version of the logo when you need to place it in a given background. Try to achieve the maximum possible contrast between the colors of the logo and the background.Any of the versions above could be used in a neutral gray background.

Page 23: Punchin Trudy - Brand Manual

23

You should never...

Reflect the logo in any direction.

Scale the logotype disproportionately.

Rotate the logo in any direction.

Page 24: Punchin Trudy - Brand Manual

24

You should never ever...

Apply a drop shadow or any oth-er kind of effect. The logo should always be used as it is.

Use the simplified logo in a big-ger size than 35mm/100px wide. Remember: this version has been designed only for very tiny sizes.

Literally write “PUNCHIN TRUDY“ using TREND or in any other font and use that composi-tion instead of the logotype.

Convert the logo into “grayscale” or print it out in black and white. Use the ready logo versions in black and white for this purpose

PUNCHINTRUDY

Page 25: Punchin Trudy - Brand Manual

25

You really shouldn’t...

Change the colors of the logo in any way. You should always use the existing variations of the logo with no color alteration on it.

Create a different composition with the logotype and the sym-bol. If as an exception you need to use one of this two elements, do it separately, use only one of them: the logotype or the symbol.

Use the colored logo in a background with a similar green.

Page 26: Punchin Trudy - Brand Manual

26 TH

Ecred

its

The brand PUNCHIN TRUDY punchintrudy.com

[email protected]

The designer Pisto Casero pistocasero.com [email protected]

Trend font family Daniel Hernández Paula Nazal Selaive Latinotype – latinotype.com

Sansation font family Bernd Montag dafont.com/bernd-montag.d1610 [email protected]

Page 27: Punchin Trudy - Brand Manual

TH

Ecred

its

Page 28: Punchin Trudy - Brand Manual