Page 1

Design.Inc Brand Collection

DESIGN.INC

DESIGN AND BRAND GUIDELINES WE LOVE THAT BRAND.

CONTACT Address

Phone & Fax

Online

Design.Inc Company 7th Avenue, Manhattan 578 New York United States

Free Toll: + 1 020 7800 800 Phone: + 1 0800 123 123

Email 1: info@.design-inc.com Email 2: custom@.design-inc.com

Fax:

Website: www.design-inc.com

+ 1 0800 123 123


THE GUIDE

The Desing.Inc Corporate Brand Guidelines Version: v2 // 2015


DESIGN.INC

DESIGN AND BRAND GUIDELINES TABLE OF CONTENTS SECTION 0 | INTRODUCTION

PAGE 4

SECTION 1 | CORPORATE LOGO

PAGE 6

SECTION 2 | CORPORATE TYPOGRAPHY

PAGE 10

SECTION 3 | CORPORATE COLOR SYSTEM

PAGE 14

SECTION 4 | CORPORATE STATIONERY

PAGE 18

SECTION 5 | GRID SYSTEMS

PAGE 22

SECTION 6 | CORPORATE IMAGES

PAGE 28

SECTION 7 | ICONOGRAPHY

PAGE 32

SECTION 8 | SUMMARY AND CONTACT

PAGE 34


SECTION 0 INTRODUCTION

WELCOME & INTRODUCTION


The Desing.Inc Corporate Brand Guidelines 5 // 38

THE COMPANY AND CORPORATE DESIGN GUIDELINES THE DESIGN GUIDELINES These guidelines describe the visual and verbal elements that represent Design.Inc´s corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Design.Inc´s commitment to quality, consitency and style.

The Design.Inc brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Design.Inc name and marks.


SECTION 1 CORPORATE LOGO The Logo Introduction The Logo Application The Logo Elements Clearspace and computation

01

LOGO INTRODUCTION Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of the the symbol

itself and our company name – they have a fixed relationship that should never be changed in any way.

THE FULL LOGOTYPE The Design.Inc Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence. It has a particular relationship with the Design.Inc name. The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters. The typeface is Montserrat Bold and

has also been chosen to compliment and balance perfectly with the logo symbol. The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Yellow and Grey. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic - timeless. The Colours have been selected according to international standards as shown below and are easily implemented.


The Desing.Inc Corporate Brand Guidelines 7 // 38

THE LOGOTYPE

1

1

1) The Logo Symbol Consists of a powerful element evoking the culture of design services and a grey square backround. 2) The Logo Title Carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters in gray tone of the chosen corporate color. The font that is used here is Montserrat Bold.

1) The general Logo The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.

LOGO DARK VERSION

LOGO LIGHT VERSION

3) The Logo Dark Version will be used when the backround color ist light colored. 4) The Logo Light Version will be used when the backround color ist dark colored.

Recommended formats are: .eps | .ai | .png | .jpg | .tiff

3

4

Attention: Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Design.Inc Trademark Licensing if you have any questions or need further help.


The Desing.Inc Corporate Brand Guidelines 8 // 38

SECTION 1 CORPORATE LOGO The Logo Introduction The Logo Application The Logo Elements Clearspace and computation

LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can

be positioned in relation to the mark.of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.

0.5 x 0.5 x

x

1.5 x

0.5 x

CLEARSPACE Full Logo

Definition Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.

Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).

1

/2 x

1

/2 x

/2 x

1

/2 x

x

1


The Desing.Inc Corporate Brand Guidelines 9 // 38

APPLICATION ON A BACKGROUND

LOGO A

LOGO B

LOGO C

LOGO D

Colored Version

Colored Version

Colored Version

Colored Version

MINIMUM LOGO SIZES

20 mm

5 mm

30 mm

10 mm

Logo Symbol Minimum Size: 5 mm x 5 mm

40 mm

15 mm

Full Logo Minimum Size: 20mm x 3.33 mm


SECTION 2 CORPORATE TYPOGRAPHY The Corporate Fonts Primary Font Secondary Font Font Hierachy

02

THE CORPORATE FONTS AND TYPOGRAPHY THE CORPORATE TYPOGRAPHY Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Design.Inc communications. We have selected Montserrat

and Source Sans Pro, which helps inject energy and enthusiasm into the entire Design.Inc communications, as the primary and secondary corporate typefaces.


The Desing.Inc Corporate Brand Guidelines 11 // 38

PRIMARY CORPORATE FONT

PRIMARY FONT MONTSERRAT DESIGNER : JULIETA ULANOVSKY

-

M O N T S E R R AT Bold

N O P Q R S T U V W X Y Z

THE FONT The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.

A B C D E F G H I J K L M a b c d e f g h i j k l m n o p q r s t u v w x y z

Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

TYPE EXAMPLES MONTSERRAT

Figures

Special Characters

0

1

2

3

4

5

6

7

8

9

0

! “ § $ % & / ( ) = ? ` ; : ¡

¢

[

]

|

{

}

¿

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊


The Desing.Inc Corporate Brand Guidelines 12 // 38

SECTION 2 CORPORATE TYPOGRAPHY The Corporate Fonts Primary Font Secondary Font Font Hierachy

PRIMARY CORPORATE FONT PRIMARY FONT SOURCE SANS PRO DESIGNER : PAUL D. HUNT

-

SOURCE SANS PRO Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

THE FONT Source Sans Pro is a sans serif typeface created by Paul D. Hunt for Adobe Systems. It is the first open source font family from Adobe, distributed under the SIL Open Font License.

a b c d e f g h i j k l m n o p q r s t u v w x y z

The typeface is inspired by the forms of the American Type Founders’ gothics by Morris Fuller Benton with both a larger x-height and character width. It is available in six weights (Regular, ExtraLight, Light, Semibold, Bold, Black) in upright and italic styles.

Regular

TYPE EXAMPLES MONTSERRAT

Figures

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Special Characters

0

1

2

3

4

5

6

7

8

9

0

! “ § $ % & / ( ) = ? ` ; : ¡

¢

[

]

|

{

}

¿

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊


The Desing.Inc Corporate Brand Guidelines 13 // 38

TYPOGRAPHY AND TEXT HIERARCHY Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key

CONTEXT TEXT AND INNER HEADLINES

Caption Text

information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Design.Inc layouts.

Design.Inc Typo Source Sans Pro Regular 6 pt Type / 9 pt Leading

HEADLINES AND TYPOBREAKS

Copy Text

Design.Inc Typo Source Sans Pro Regular 8 pt Type / 11 pt Leading

Headlines Copytext

DESIGN.INC TYPO

Sublines Sections

Big Headlines and Title

Montserrat Regular - Capital Letters 10pt Type / 10pt Leading

DESIGN.INC TYPO Montserrat Bold - Capital Letters 16pt Type / 16pt Leading

DESIGN.INC Montserrat Bold - Capital Letters 34pt Type / 30 pt Leading


SECTION 3 CORPORATE COLOR SYSTEM The Corporate Colors Primary Color System Secondary Color System

03

THE PRIMARY COLOR SYSTEM AND COLOR CODES THE COLOR SYSTEM Color plays an important role in the Design.Inc corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the â&#x20AC;&#x153;One Voiceâ&#x20AC;? color scheme. Consistent

use of these colors will contribute to the cohesive and harmonious look of the Design.Inc brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.


The Desing.Inc Corporate Brand Guidelines 15 // 38

PRIMARY COLOR SYSTEM

PRIMARY COLOR YELLOW

-

-

Explanation: The Design.Inc Company has three official colors: Yellow, Black and Gray. These colors have become a recognizable identifier for the company.

COLOR CODES CMYK : C035 M000 Y005 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.

COLOR TONES 100 %

80 %

60 %

40 %

20 %

PRIMARY COLOR DARK GREY

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR TONES 100 %

80 %

60 %

40 %

20 %


The Desing.Inc Corporate Brand Guidelines 16 // 38

SECTION 3 CORPORATE COLOR SYSTEM The Corporate Colors Primary Color System Secondary Color System

THE SECONDARY COLOR SYSTEM AND COLOR CODES SECONDARY COLOR SYSTEM

COLOR CODES

-

Explanation: The Secondary colors are complementary to our official colors, but are not recognizable identifiers for Design.Inc company. Secondary colors should be used sparingly, that is, in less than 10 percent of the palette in one piece. Usage: Use them to accent and support the primary color palette.

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000


The Desing.Inc Corporate Brand Guidelines 17 // 38

TRANSFER YOUR BRAND IN LESS THAN SECONDS.


SECTION 4 CORPORATE STATIONERY The Company Letterhead The Company Business Cards The Envelope

04

THE DESIGN.INC STATIONERY THE DESIGN.INC STATIONERY SYSTEM Stationery is a primary means of communication and it is essential that every application be a consistent reflection of our corporate identity.

business stationery. It includes specifications for typography, color, printing method, paper stock and word processing.

There is only one approved design format for all corporate and business unit stationery, although there are slight variations in size and content for different regions of the world. This section illustrates approved layouts for standard U.S.

Stationery brand management guidelines do not include invoices, bills of lading, credit letters, business forms, checks, e-mail tags or other business processes.


The Desing.Inc Corporate Brand Guidelines 19 // 38

THE COMPANY LETTERHEAD THE COMPANY LETTERHEAD

Explanation: This shows the approved layouts with the primary elements of the Design. Inc stationery system for the front- and backside of the letterheads.

when design meets you.

Mr. Edward Simmons Troublemaker Company Main Avenue, 5th Northwest Los Angeles United States

Usage: The letterhead will be used for all official communication that is going out of Design.Inc company.

Sitatume necates aut atendio rporro et lam remped quaecto idi andigni squibustrum repedip sanduci lignatem rehendae lit es id quatus sincia iliatios aut qui con ex est, occatus non et fugitius et estibus. Ut volore sum inciam earume corere dolestrum quam, sam sinctiu scipis eosam nonsequo molut fugitium venissi mollupta consed ma doluptae voluptatur, core perfersperis res delecat eniment ut officiet aut eos dis eatio voluptam, sae nis solesti onsequi corit que exerit et aut duciatur abo. Iscium reius, qui idenimus alia consendus autem ius sit, ipsandit, cullis a que sit, sinvel eum sintio torent atem eossitas sant.

PARAMETER

Fere delit, il enimint quae vit prem quo blam, untiorro beruptatus sus, aut et haruptatet adi berae nus est etur aces quiae conet ut dolorei ciurios re iur, sita quis vel ius qui venis sa corem doluptiis vendandae niti te intiasped mo denem eos eicim ni consectas dolecatus inum que volorro in restion ecullib usapitatus experch ilibusa ndanimolores venistio blacien damet, voluptae sum et quas cus res asi volorum et fuga. Eperum sante conecto ipsa accusandis ipideles alitae quas enis nonsedit, sim et odis di ut harciissum, sunt, toreptatio ilique ni voluptat a pra que dis unt eossequidel intiassimus dolupta tendae lanis ipsundi gnitatiis pella corem vene eliti auditatquis et eium inimili gendae quid ut que eum aut rem eaquissit evelibus, et abo. Sus sa sunt laborro bea sequi cum facepe sunt. Coris vit ma atur, ommoditatus.

Dimensions 297 x 210mm DIN A4 Dimensions 297 x 210mm DIN A4

Fernam eostius ni cum fugiam fuga. It volorrum nihiliq uatur, comnimus nobis nestias comnisi officto bea dolorio dolorpos volor sitatem porest perspit, cumquas sitisciam, volores rem aruptinctur, conem lique dolorum restor autessum voles et veritat.

Weight 120g/m Uncoated white Mr. Edward Simmons Troublemaker Company Main Avenue, 5th Northwest Los Angeles United States


The Desing.Inc Corporate Brand Guidelines 20 // 38

SECTION 4 CORPORATE STATIONERY The Company Letterhead The Company Business Cards The Envelope

THE COMPANY BUSINESS CARDS THE COMPANY BUSINESS CARDS

Frontside

Peter Jackson

Explanation: This shows the approved layouts with the primary elements of the Design.Inc stationery system for business cards. Usage: The business cards will be used for all official contact and communication of Design.Inc company. Insert the Design. Inc letterhead and send your documents throughout the world.

Creative Director Main Street 4th 2515 Los Angeles United States

P: +01.1234.5678.90 F: +01.1234.5678.90 E: peter@designinc.com

Backside

PARAMETER Dimensions 85 x 55 mm Weight 400g/m Uncoated white when design meets you.

Weight 120g/m Uncoated white Print CMYK


The Desing.Inc Corporate Brand Guidelines 21 // 38

THE COMPANY ENVELOPE THE COMPANY ENVELOPE

Explanation: This shows the approved layout with the primary elements of the Design.Inc stationery system for envelopes.

PARAMETER Dimensions 220 x 110 mm

Frontside

Weight 400g/m Uncoated white Print CMYK

Backside


SECTION 5 LOGO PLACEMENT The correct Logo Placement

05

THE CORRECT LOGO PLACEMENT WHY THIS IS IMPORTANT? Balance is an essential feature of good design. Graphics, imagery, and text must all be balanced so that each element is able to speak clearly. If you give the logo a distinct presence in the design, it will have greater impact and won’t distract from other messages you wish to communicate. Clear area around the Design.Inc logo: When using the Design.Inc logo on its own or with “Design.Inc”

leave at least 4 stroke widths on either side and at least 2 stroke widths above or below so that it does not appear connected to other elements. In some cases, you may need to adjust the space for visual balance.


The Desing.Inc Corporate Brand Guidelines 23 // 38

CORRECT LOGO PLACEMENT PARAMETER

THE LOGO PLACEMENT

Explanation: To place the Design.Inc logo in the correct way please use one of the approved styles that are shown on the right. To place the Design.Inc logo in other ways is not allowed.

EXAMPLE 297 x 210mm DIN A4


SECTION 6 GRID SYSTEMS Grid Systems Vertical Grid Systems A4 Vertical Poster Grid System A3 Horizontal Presentation Grid Vertical Grid System for Tablets

06

THE DESIGN.INC GRID SYSTEMS THE GRID SYSTEM In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements

(images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


The Desing.Inc Corporate Brand Guidelines 25 // 38

A4 VERTICAL GRID SYSTEM EXAMPLES


The Desing.Inc Corporate Brand Guidelines 26 // 38

SECTION 6 GRID SYSTEMS Grid Systems Vertical Grid Systems A4 Vertical Poster Grid System A3 Horizontal Presentation Grid Vertical Grid System for Tablets

A4 VERTICAL GRID SYSTEM EXAMPLES


The Desing.Inc Corporate Brand Guidelines 27 // 38

A3 VERTICAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a A3 Poster of Design. Inc.

Example: Poster A3


The Desing.Inc Corporate Brand Guidelines 28 // 38

SECTION 6 GRID SYSTEMS Grid Systems Vertical Grid Systems A4 Vertical Poster Grid System A3 Horizontal Presentation Grid Vertical Grid System for Tablets

THE DESIGN.INC GRID SYSTEMS SCREEN HORZONTAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a 16:9 Screen of Design.Inc. This will be used for Company presentations in Powerpoint or Keynote.

Example: Screen Grid 16:9


The Desing.Inc Corporate Brand Guidelines 29 // 38

THE DESIGN.INC GRID SYSTEMS TABLET VERTICAL GRID SYSTEM EXAMPLE

Example: Tablet


SECTION 7 IMAGES AND BLENDING MODES Corporate Image Corporate Image Color Corporate Image Black and White Blending Modes and Options

07

THE DESIGN.INC CORPORATE IMAGE : COLORED IMAGES THE CORPORATE IMAGE SYSTEM Corporate Images are responsible to transfer the values of Design.Inc to our customers or our potential customers. It is a composite psychological impression that continually changes with the firmâ&#x20AC;&#x2122;s circumstances, media coverage,

performance, pronouncements, etc. Design.Inc use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.


The Desing.Inc Corporate Brand Guidelines 31 // 38

EXAMPLES FOR DESIGN.INC CORPORATE IMAGE SYSTEM

Requirements: - desaturate colours - high contrast - sharp images - minimalistic look - modern and businesslike


The Desing.Inc Corporate Brand Guidelines 32 // 38

SECTION 7 IMAGES AND BLENDING MODES Corporate Image Corporate Image Color Corporate Image Black and White Blending Modes and Options

THE DESIGN.INC CORPORATE IMAGE : BLACK & WHITE EXAMPLES FOR DESIGN.INC CORPORATE IMAGE SYSTEM

Requirements: - black and white colours - high contrast - sharp images - minimalistic look - modern and businesslike


The Desing.Inc Corporate Brand Guidelines 33 // 38

THE DESIGN.INC BLENDING MODES FOR IMAGES DESIGN.INC BLENDING MODES

-

Explanation Image effects and blending modes raise the concision and the recognizability of a brand. Also they are able to divide content and other graphical elements that are used in layouts. In the same way the support statement of the used images and raise application possibilities.

How to: 1) use it in black and white images colours 2) use a placeholder with a yellow back 3) adjust the layer style to â&#x20AC;&#x153;multiplicateâ&#x20AC;?


SECTION 8 CORPORATE ICONOGRAPHY Corporate Iconography Application

08

THE DESIGN.INC CORPORATE ICONOGRAPHY THE ICONOGRAPHY SYSTEM An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself

is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function or a data file.


The Desing.Inc Corporate Brand Guidelines 35 // 38

EXAMPLES FOR DESIGN.INC CORPORATE ICONOGRAPHY SYSTEM

How to: - only use icon with a backround - minimum stroke size: 0.5 pt - upscale only proportional


SECTION 9 SUMMARY AND CONTACT Summary Contact

SUMMARY & CONTACT INFORMATION


The Desing.Inc Corporate Brand Guidelines 37 // 38

SHORT SUMMARY, CONTACT AND SUPPORT INFORMATION A SHORT SUMMARY

CONTACT

Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite conseque qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi.

For further information please contact:

Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis modis num re sandant. Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus.

Mark Anderson Marketing Design.Inc E: info@design-inc.com P: +01.132.4567.890

Link : http://www.design-inc.com/cd/full.zip

SCAN TO DOWNLOAD THE COMPLETE CORPORATE DESIGN


WWW.DESIGN-INC.COM

DESIGN.INC

WE LOVE THAT BRAND. Design.Inc Brand Collection

CONTACT

DOWNLOAD

Address

Direct Link :

Design.Inc Company 7th Avenue, Manhattan 578 New York United States

http://www.design-inc.com/icons/iconography.zip Scan for download the complete Corporate Design Brand Manual

Brand Manual v3  

Feel free to download this Brand Manual here: https://creativemarket.com/Egotype/261042-Brand-Manual The Big Brand Manual and Corporate Des...

Read more
Read more
Similar to
Popular now
Just for you