hdmk brand manual & guidelines

20
HDMK Brand Collection

Upload: creative-farm

Post on 04-Aug-2016

223 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: HDMK Brand Manual & Guidelines

DREAM TO BUILD. BUILD TO DREAM.

HDMKBrand Collection

Page 2: HDMK Brand Manual & Guidelines

HDMKCorporate Brand Guidelines

Version: v1 // 2016

Page 3: HDMK Brand Manual & Guidelines

The Company LetterheadThe Company Business CardsThe EnvelopeLogo Placement

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontSecondary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

SummaryContact

Page 4: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines4 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

Page 5: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines 5 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

THE DESIGN GUIDELINES

These guidelines describe the visual and verbal elements that represent HDMK’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 HDMK’s commitment to quality, consitency and style.

The HDMK 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 HDMK name and marks.

Page 6: HDMK Brand Manual & Guidelines

1 2

You are here:

The HDMK Corporate Brand Guidelines6 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

THE INTRODUCTION

1) The Logo Symbol

2) The Logo Title

The Logo Light Versionwill be used when the backround color is dark colored.

The Logo Dark Version will be used when the backround color is light colored.

The HDMK Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of home care services - the connection between the strength of craftsmanship and the strict code of ethics that influence.

It has a particular relationship with the HDMK 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 a slightly modified Futura Bold and has also been chosen to compliment and balance perfectly with the logo symbol.

The corporate logo is presented through the use of color as well as shape and form. The two corporate colors are Yellow and Grey. It is a fresh and appealing blend of colors chosen for their strong combination - modern - classic - timeless. The Colors have been selected according to international standards as shown below and are easily implemented.

Consists of a powerful element evoking the culture of home care services in a yellow tone of the chosen corporate color.

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 a modified Futura Bold.

Page 7: HDMK Brand Manual & Guidelines

x

1/2 x1/2 x

1/2 x1/2 x

40 mm 30 mm 20 mm

The HDMK Corporate Brand Guidelines 7 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

Full Logo

Logo Symbol-

Computation-

Full LogoMinimum Size: 20mm x 3.33 mm

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.

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

Page 8: HDMK Brand Manual & Guidelines

You are here:

The HDMK Corporate Brand Guidelines8 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

T H E COR P OR AT E FON TSA N D T Y P OGR A PH Y

Bold

Regular

Figures

The Font

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 HDMK communications. We have selected Futura and Open Sans, which helps inject energy and enthusiasm into the entire HDMK communications, as the primary and secondary corporate typefaces.

Futura is a geometric sans-serif typeface designed in 1927 by Paul Renner. It is based on geometric shapes that became representative of visual elements of the Bauhaus design style of 1919–33. Futura has an appearance of efficiency and forwardness. It is based on strokes of near-even weight, which are low in contrast. The uppercase characters present proportions similar to those of classical Roman capitals.

Page 9: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines 9 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

Caption Text

Copy Text

Headlines Copytext

Sublines Sections

HDMK Typo

-

Open Sans Regular

6 pt Type / 9 pt Leading

HDMK Typo- Open Sans Regular 8 pt Type / 11 pt Leading

HDMK TYPO- Open Sans Semibold - Capital Letters 10pt Type / 10pt Leading

- Futura Bold - Capital Letters 34pt Type / 30 pt Leading

- Futura Bold - Capital Letters 48pt Type / 48 pt Leading

- Futura Bold - Capital Letters 16pt Type / 16pt Leading

Big Headlines and Title

Sequencer and Title for Marketing

Page 10: HDMK Brand Manual & Guidelines

Grey Gradient

You are here:

The HDMK Corporate Brand Guidelines10 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

T H E PR I M A RY COL OR S YST E M A N D COL OR CODE S

100 % 60 %80 % 40 % 20 %

COLOR CODESCMYK : C000 M021 Y098 K000Pantone : 7406C RGB : R255 G201 B005

COLOR CODESCMYK : C000 M000 Y000 K069Pantone : 2336C RGB : R080 G080 B080

Color Tones

Gradient

Yellow Gradient

Color Tones

Gradient

100 % 60 %80 % 40 % 20 %

Color plays an important role in the HDMK corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “One Voice” color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the HDMK brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.

Page 11: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines 11 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

DR I V E . I M PACT. I NSIGH T. PE R FOR M A NCE .

Page 12: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines12 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

THE COMPANYLETTERHEAD

-

THE COMPANYBUSINESS CARDS AND LETTERHEAD

THE COMPANYBUSINESS CARDS

-

Dimensions 85 x 55 mm210 x 297 mm

Weight 400g/m Uncoated white

Print CMYK

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

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

Explanation: This shows the approved layouts with the primary elements of the HDMK stationery system for business cards.

Usage:The business cards will be used for all official contact and communication of HDMK. Insert the HDMK letterhead and send your documents throughout the world.

Page 13: HDMK Brand Manual & Guidelines

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 aut eos dis eatio voluptam, sae nis solesti onsequi corit que exerit et aut duciatur abo. Iscium reius, qui idenimus alia consen-dus autem ius sit, ipsandit, cullis a que sit, sinvel eum sintio torent atem eossitas sant.

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 eosse-quidel 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.

Fernam eostius ni cum fugiam fuga. It volorrum nihiliq uatur, comnimus nobis dolorio dolorpos volor sitatem porest perspit, cumquas

sitisciam, volores rem aruptinctur, conem lique dolorum restor autessum voles et veritat.

You are here:

13 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

Dimensions 210 x 297 mm

Paper Weight 400g/m Uncoated white

-

Dimensions 85 x 55 mm

Paper Weight 400g/m Uncoated white

The HDMK Corporate Brand Guidelines

CONSTRUCTION

PEST CONTROL

HOME INSPECTION

KIEL HARTONPRESIDENT | CEO

383 Highlandia Dr. Ste. 237Baton Rouge, LA 70810P. + 225.312.2884E. [email protected]. www.HDMK.net

Kiel HartonHDMK

383 Highlandia Ste. 217, Baton Rouge, LA 70810

Kiel HartonHDMK

383 Highlandia Ste. 217 Baton Rouge, LA 70810

Page 14: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines14 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

THE BASIC PRINT GRID SYSTEM GUIDE FOR ELEVATE COMPANY

THE COMPANYGRID SYSTEMS

-

PAGE GRID SYSTEM EXAMPLES

Explanation: Use Grids to organize elements in relation to a page or other graphic elements.

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.

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,

Page 15: HDMK Brand Manual & Guidelines

You are here:

The HDMK Corporate Brand Guidelines 15 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

A4 VERTICAL GRID SYSTEM EXAMPLES

VERTICAL PAGE GRID SYSTEM EXAMPLES

Explanation: This shows an approved layouts with a typography grid for a DIN A4 page size.

Page 16: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines16 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

THE BASIC SCREEN GRID SYSTEM GUIDE FOR HDMK

SCREEN HORIZONTAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a 16:9 Screen of HDMK.

Page 17: HDMK Brand Manual & Guidelines

You are here:

The HDMK Corporate Brand Guidelines 17 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

TABLET VERTICAL GRID SYSTEM EXAMPLE

Example: Tablet

Page 18: HDMK Brand Manual & Guidelines

The HDMK Corporate Brand Guidelines18 // 20

IntroductionThe Logo ApplicationClearspace and computationMinimum Logo Size

The Corporate FontsPrimary FontFont Hierachy

IntroductionPrimary Color SystemColor Codes

A SHORT SUMMARY CONTACT

For further information please contact:

Kiel HartonCEO | HDMK

E: [email protected]: +225.312.2884

HDMK is passionate about delivering an exceptional home experience. When you hire HDMK, you're hiring a team of professionals who are trained and skilled to deliver lasting value to your home. Whether its Home Inspection, Construction or Pest Control, we consider ourselves humble guests in your home, and as such respect your personal privacy and space. We apply the most innovative and cutting edge designs and equipment in today's home building market. You can rely on our professional team to make recommendations that fit your taste and style but always give you the final word.

Page 19: HDMK Brand Manual & Guidelines

You are here:

The Elevate Corporate Brand Guidelines 19 // 20

The Company StationeryThe Business CardsThe Letterhead

Grid SystemsVertical Grid Systems A4Presentation Grid SystemVertical Grid System for Tablets

SummaryContact

Page 20: HDMK Brand Manual & Guidelines

HDMKBrand Collection