inatech brand manual

25
Brand Identity Guidelines

Upload: alexandru-darie

Post on 27-Jan-2015

117 views

Category:

Design


2 download

DESCRIPTION

Rebranding done for and IT agency, specializing now in embedded software and consulting

TRANSCRIPT

Page 1: Inatech Brand Manual

Brand Identity Guidelines

Page 2: Inatech Brand Manual

Introduction

Brand Identity Guidelines

This is a manual containing the guidelines for properly using the brand elements across your graphic materials and other stationery.Using the following suggestions will ensure consistency in your brand’s visual style.

Please refer to this document every time you need info on how to implement and design your new materials, whether print or digital.

Page 3: Inatech Brand Manual

Logo

Page 4: Inatech Brand Manual

Logo

Character design and spacing

The type is custom made, and the character spacing was selected to ensure readability when scaled at small sizes, as well as to convey elegance and rhythm to its shapes.

Do not change the letter spacing.

Page 5: Inatech Brand Manual

Logo

Safe zone

In order to properly see and read the logo, it needs to have some white (negative) space around it.

Always ensure the minimum allowed space around the logo.

Page 6: Inatech Brand Manual

Logo

Logo variations

The identity was built with a flexible component. The arrow/chevron. This element can change its position in order to strengthen the main message.

In order to convey a clear message, a clear direction and positioning is needed. While the direction has been set toward B2B and growth (a horizontal expansion), the positioning must be carefully set in order to reflect the proper brand values and ideals.

Inatech is here to help! Is here to help its employees, its partners, its community and mostly the users. It offers easier use of software, optimized solutions, personalized projects and so much more. All while focusing on “you”.

Inatech is here to connect! It connects its clients and the users, it connects its partners and it connects people. Inatech bridges two worlds, translating abstract notions and technologies into an easy understandable solution.

Inatech is here to grow! To grow in itself, to grow the community, the businesses of its partners, to up the standards. Growing is innovation—and innovation means moving forward.

Expressing these core messages constantly should be the main focus of communication

HELP

CONNECT

GROW

Page 7: Inatech Brand Manual

Logo

Color variations

Inatech uses two main Pantone® colors, as part of its core brand elements. These are the correct scenarios for color usage.

Only use the approved variations

2 colors

Pantone 7463C + Pantone 333C 100%

Pantone 7463C 100% + 30%

Black 100% + 40%

1 colorPantone®

1 colorblack

Page 8: Inatech Brand Manual

Logo

Logo placement

Inatech logo can be placed in each of the corners, or middle of a vertical margin. Follow the examples and always ensure the minimum safe distance for the logo.The first and last examples are the

Only use these approved variations

Page 9: Inatech Brand Manual

Logo

Logo correct usage

Please refrain from applying the following modifications to the logo, or any other ones that might have been omitted.

Do not alter the original design.

Do not stretch/skew!

Do not invert colors!

Do not mirror the logo!

Do not slant!

Do not alter colors!

Do not use a heavy pattern background!

Do not bend!

Do not change colors!

Do not use drop shadows or other effects!

Page 10: Inatech Brand Manual

Brand Identity Elements

Page 11: Inatech Brand Manual

Colors

Colors

Inatech brand colors are dark blue and green. In order to maintain consistency across print materials, please use the correct color codes or, if possible, using the Pantone® color is advisable.

Here are the main and secondary brand colors.

If more colors are required, use caution when selecting a new one.

100%

5%

10%

80%

40%

60%

20%

100%

5%

10%

80%

40%

60%

20%

DARK BLUE

RGB: r0 g43 b73 CMYK: c100 m81 y43 k44PANTONE: 7463 C

GREEN

RGB: r52 g217 b195 CMYK: c61 m0 y34 k0PANTONE: 333 C

Keep in mind that RBG-CMYK-Pantone translation is approximate, due to tech constraints.

Page 12: Inatech Brand Manual

Typography

The typeface

Amelia is the main typeface of Inatech.

Amelia is a geometric sans, but it keeps the softness of humanistic strokes. The contrast and the different styles allow Amelia to work as a text or display font. Also it incorporates an Up version, calligraphic features that add a touch of informality.

Find out more below: tipotype.com/amelia/

One copy of the license is owned by Inatech. Do not distribute fonts without written permission from the original license owner, as it infringes copyright laws.

If Amelia is not available (such as low-end web or Powerpoint etc.), please use ARIAL.

1234567890abcdefghijklmnopqrstuvwxzyABCDEFGHIJKLMNOPQRSTUVWXZYHarum nulparibus rent aut autem is ute suntoru mquatur? Quissum quiame plautem quo volorate con eos si utatibeati cus sectae num, nullitatet doluptatur aut laboreh enimagnit occae offic te consed quat ut quasperum deliciet arum isit quia nus et verferit faceperum consequi ipsum faccus as mincto voluptam nobit, aut facepud andemol uptam. Commodist aut et prae rae cor saperovitae volupic iderum fugitatum as de venes dolut imperum, et volestisti suscitaerum autassintur acepudant est, ipic tor aspis

1234567890abcdefghijklmnopqrstuvwxzyABCDEFGHIJKLMNOPQRSTUVWXZY

Amelia

Arial

Page 13: Inatech Brand Manual

Typography

Type sizes and specifications

Please refer to this page when trying to determine the right size for your font.The first number is the size and the second is the leading. The unit is points.

For display purposes, use sizes as big as needed, but keep it consistent with the style. When printing in reverse (negative) do not use the LIGHT weight below 15 pt. Also do not use any of the UP styles from the type family. Use ITALICS sparingly. Do not create too much difference between type sizes. If unsure about the quality of the print or screen, use a heavier weight.

The following example is only for the LIGHT weight, but all other weights are following the same rules. While in general heavier weights are more suited for display, it’s not a rule.

AMELIALight

Head

Subhead

Copy

Copy + captions

19/24 LIGHT — DIS ADIS AS RE PEREICI DERCIMUS NIS aut di beate nosanto tatiaspe explit quas nis dollabo. Ita plab inci as velicip icitint harum quia sin con pe sa quas ma cus.

15/19 LIGHT — AD QUIBUSDA QUI QUOS NOS DOLORIOS EUM ADIS AUTE VOLES-TIO VOLORE PLATET QUE nimet ent qui sapis dolore coratum, cullaccus quissitas sit libus sincto dolupta tionseq uameni-hil in plaborum faceseq uatem. Officia consecus es nimaio blaboris dipsa quam quae volupiet qui doluptis eius nihita-menda vel inus?

11/15 LIGHT — COMNI OFFICI DIS EVEL IPSUNT AUT MO VELITATUMET EXERE IPSAM FUGA. Axim quisquunt, sequi que natia pro volupti nulpa dipsus remquia nihiliciaero berspis pla vellaut quaest est, corrovid que non plit undit, qui ut utaquis consed quatetusto tes sitiscia ne voleseque aligeni istotatemod mil id unt hitaquodit, sinvelest posam, voloritat aut que volo est, quundipsant.

7/10 LIGHT — ACCUM CONSEDIC TO MOLUM EST PLITATUS MILIA QUAE RES ET et

re quam, quiscienia sequibustem sitem aut moloreratem quas ratio. Olut dolupta

nonem doloris si officid quia dolor sit ut es moluptaquis ea plaut adis et pore quia

numqui ut ium quos pro doluptas et, con pres ut accae

Page 14: Inatech Brand Manual

Typography

Type grid

When designing on any A4 (or other ISO size) document, it’s recommended to use the grid. The following 32-cell grid allows for many ways do lay the information on the page, while keeping the document consistent.

A template containing the grid file can be found in the resources folder.

Or you can use the following values to create your own. The unit is picas.

Margins: top 5p2; bottom 6p3; left 2p11; right 2p11; 4 columns inside the margins, with 1p0 gutter.Baseline grid starts top margin 0.0 pt with 15pt (1p3)increment. The 8 rows have 5 lines + 1 line of 15pt between them.

If designing for spread layout, consider having the outer margin wider than the inner one.

Page 15: Inatech Brand Manual

Typography

Using the grid

The following examples show how the grid can be used to lay out the information and maintain order and consistency throughout your layout.

Also (if possible) try and keep the important messages above the two thirds of the page, marked by the violet horizontal lines. Keeping the Inatech logo the size of one cell wide, is enough to be seen and read quick, without looking too bold in contrast to the rest of the page.

This brand manual also uses the same grid to display information.

Page 16: Inatech Brand Manual

Main Visuals

The chevrons and the dark blue shape.

As seen in the previous examples, photography is not the main imagery of the Inatech brand. It focuses in stead on using the shapes of the page and a pair of chevrons (sometimes 3 is allowed) to build and support the message.

The chevrons are equal with 2 lines of heading (from top ascender to second line descender), having the same width as the letters (of the headings). They are used in conjunction with the shape, otherwise they lose meaning.

Also, ideally the correct logo variant should be used also.

Page 17: Inatech Brand Manual

Stationery

Page 18: Inatech Brand Manual

Stationery

Business Cards

90x50mm2-sided

Page 19: Inatech Brand Manual

Stationery

Envelope

Spread: 250x232mmClosed: 210x99mm

Pacurari 2B, Iasi 700536, [email protected]

To:Date:Address:

Page 20: Inatech Brand Manual

Stationery

Letterhead

DIN A4: 297x210mm

Page 21: Inatech Brand Manual

Stationery

Folder

Spread: 450x352mmClosed: 210x297mm

Pacurari 2B, Iasi 700536, [email protected]

Page 22: Inatech Brand Manual

Stationery

Powerpoint presentation

Page 23: Inatech Brand Manual

Stationery

Print slide and posters

Page 24: Inatech Brand Manual

Stationery

Ad sample for proprietary technology

Page 25: Inatech Brand Manual

Contact

Main office: Valcele 37, 710265, Botosani, Romania

Branch office: Pacurari 2B, 700536, Iasi, Romania

[email protected]