Style Guide pg1.1-2 - s3images.coroflot.com · We want our signature to stand out, so we’ve...

Northern GWH, Inc, Confidentials

Signature/Logo

Signature/Logo

Mis-uses

Clear Spaces

Minimum Size

Color

Primary

Color Variations

Background Control - Gradient Background

Background Control - Images

Typosgraphy

Primary

Alternate

Corporate Collateral

Letterhead

Business card

1.1

1.2

1.3

1.4

2.1

2.2

2.3

2.4

3.1

3.2

4.1

4.2

Northern GWH, Inc, ConfidentialsLast Update 2008

Corporate IdentityStandard Guidlines


logotype (blue)

logotype (blue) -

logotype (red)

E.1

logotype (red) - E.2

symbol -

E.3

The “first” logotype uses a strong, bold, yet friendly, upper-and lowercase typeface. It shows as a leading company in the indus-try.

The“aid”, same with the “first” logotype uses a strong, bold, yet friendly, upper-and lowercase typeface. It shows as a strong support.

The only element you’ll notice in our signature. A “red cross” placed behind a reverse lowercase “e” typeface”- which repre-sents “electronic”, “modern” and “new technology” company.

Our signature was orignally drawn according to its specifications. Always used the proper artwork and never re-create it’s elements.

Please follow the following rules when usong it:

e

e

Do’s

Dont’s-Do not rearrange the signature elements

-Do not outline the signature elements

-Do not change the fonts of the signature elements

-Do not use the “firstaid” signature typeface (elements E.1 and E.2) alone.

E.3


Clear SpacesClear space is the area sorrounding the signature that must be kept free of other graphic elements. The minimum required clear sapce is defined by the measurement “X” as shown. This measurement is equal to the height of the lowercase letters in our logotype.

1.3

X

X

X

X

= “X”(h) heightlowercase

X X

X X

-clear space (4)

-clear space (4)


Minimum SizeWe want our signature to stand out, so we’ve established various minimum sizes, as shown in the following samples below. The minimum sizes included here should accommodate most applications, but whatever the reproduction technique, be sure our signature is never smaller than what can be clearly executed and should be proportionate to both width and hight. Applications such as the web, signange or merchanise may require larger sizes.

1.4

width

width

width

width

height

height

height

height


Primary ColorsColor plays a major role in communicating the brand. firstaid has estab-lished a very minimum number of colors “original blue” and “vibrant red”. This is primary colors are limited yet very strong and direct that helps strengthen the brand.

CMYKC = 100 %

M = 83 %

Y = 32 %

K = 18 %

2.1

original blue

Print

RGBR = 25 %

G = 62 %

B = 108 %

# 193E6C

Screen

Web


Typography

Typography is a strong extension of our brand’s personality. That’s why we’ve designated Century SchoolBook as our primary typeface. This simple modern face helps us communicate ideas simply and confidently. (For inter-nal documents such as MS Office applications, we use the alternate typeface on the following samples

Centruy SchoolBook’s openess and geometry make it highly legible in both print and digital communications. It is available in Regular/Roman, Italic, Bold, Bold Italic and in several weights to allow maximum flexibility. Never use other versions.Century Schoolbook is primarily used for print design.

3.1

Regular or Roman

Italic

Bold

Bold Italic

Primary Century SchoolBook Family Fonts

ABCDEFHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()_+{}:”<>?-=[];’,./





Background Control

We also have established a preferred backgrounds for our signature and they are red, blue and black. Inthese cases, it’s very important to ensure the visibility of all signature elements. The chart shows the approved signature colors and which value ranges works best.

2.3Background Color Value Limitation

Two-Color Positive

WorksBest

WorksBest

Allowable

Allowable

unacceptable

unacceptable

Color ValueBackground

reverseOne-Color Negative

100%

90%

80%

70%

60%

50%

40%

30%

20%

10%

0%


Background Control

The preferred background for our signature are red, blue and black, but in some cases it’s necessary to use the signature over a photograph or illustra-tions. In these cases, it’s extremely important to ensure the visibility of all signature elements. The sample below shows which signatures are use over various types of imagery to ensure maximum visibilty.

Because of color and value variations in photography, abstract images and illustrative images, the signature should only be reproduced in black or reverse-white. The two-color signature can only be used when theres is suffi-cient contrast between all the elements.

Remember, visibilty is the goal. You may find that adjusting the position of a photograph or retouching the area where the signature resides helps to achieve that goal.

2.4Images background

on black and white

- placing a white an 70%-90% Opacity effect behind the signature

- adding a Gaussian Blur effect on the background photo

adjusting brightness on the background photo toadd contrast to the signature

One-Color Variation - white background

One-Color Variation - dark background

(symbol/icon) use only red color for icon on white background

(symbol/icon) use only red or black background for icon

Two-Color Variation -white background


reverse-white on colored (red, blue and dark) background one-color (white) for black ornegative backgound

one-color (black) for white orpositve backgound

other colors don’t apply


*You can’t use Two-Color on dark/black/negative background, instead use the reverse-white (One color Variation - dark background).

Thank You.Our alternate typefaces, for internal purposes, are Arial and Times New Roman. Arial references the clean look of our primary typeface and should be used whenever possible with in our MS office (i.e. Word, Powerpoint, Excel, etc.) applications. Times New Roman is an easy-to-read typeface that can be used for body copy of letters, memos and faxes.

Alternate New Times Roman Family Fonts

ABCDEFHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:”<>?-=[];’,./



Collaterals4.1Letterhead

3”

3“

Collaterals4.2Business card

Business card

ISMT Bldg., Osmena Blvd. cor. J. Llorente St.Cebu City, 6000Telephone +63.32.255.4768 / +63.32.255.2200Facsimile +63.32.253.9353

Philippine office:

[email protected]

Kim Dennis M. GoChairman & CEO

www.northerntworks.com

3.5”

2.5”


IntroductionOur corporate identity is a valuable asset.

The information contained in this style guide covers corporate brand and visual identity requirements for firstaid Standard Guidelines content developed for public release.

Here you can find guidelines for signature/logo, colors, typographys and the proper use of the company name.

Logo guidelines should be observed at all times. Any deviation or variation from these standards could jeopardize the value of our corporate identity.

If you have questions, comments or requests for additional informa-tion, please contact [email protected].

e

Table of ContentsSignature/Logo

Signature/Logo

Mis-uses

Clear Spaces

Minimum Size

Color

Primary

Color Variations



Typosgraphy

Primary

Alternate


Letterhead

Business card

1.1

1.2

1.3

1.4

2.1

2.2

2.3

2.4

3.1

3.2

4.1

4.2

Northern GWH, Inc, ConfidentialsLast Update 2008Northern GWH, Inc, Confidentials



Signature / LogoThe firstaid signature/logo represents the entire company - from ads, to brochures, multi-media presentations, sponsorships banners to web. The signature composed of three elements that works together as a whole.

e

logotype (blue)

logotype (blue) -

logotype (red)

symbol

E.1 E.2

E.3

E.1


symbol -

E.3




1.1


Mis-usesOur signature was orignally drawn according to its specifications. Always used the proper artwork and never re-create it’s elements.


1.2

firstaid e

e

Do’s





E.1 E.2 E.3



1.3

X

X

X

X


X X

X X

-clear space (4)

-clear space (4)



1.4

width

width

width

width

height

height

height

height



CMYKC = 100 %

M = 83 %

Y = 32 %

K = 18 %

C = 6 %

M = 100 %

Y = 100 %

K = 5 %

2.1e

original blue vibrant red

Print

RGBR = 25 %

G = 62 %

B = 108 %

# 193E6C # D51D24

R = 213 %

G = 29 %

B = 36 %

Screen

Web


Typography



3.1

Regular or Roman

Italic

Bold

Bold Italic







Background Control



Two-Color Positive

WorksBest

WorksBest

Allowable

Allowable

unacceptable

unacceptable



100%

90%

80%

70%

60%

50%

40%

30%

20%

10%

0%


Background Control





on black and white





Color Variation2.2One-Color Variation - white background






reverse-white on colored (red, blue and dark) background

use only red or blue color for one-color on white background

one-color (white) for black ornegative backgound




Two-Color on light/white/positive background


Last Update 2008Northern GWH, Inc, Confidentials

Thank You.


TypographyOur alternate typefaces, for internal purposes, are Arial and Times New Roman. Arial references the clean look of our primary typeface and should be used whenever possible with in our MS office (i.e. Word, Powerpoint, Excel, etc.) applications. Times New Roman is an easy-to-read typeface that can be used for body copy of letters, memos and faxes.

3.2

Regular

Regular Italic

Bold

Bold Italic

Regular

Regular Italic

Bold

Bold Italic














ISMT Bldg., Osmena Blvd. cor. J. Llorente St.Cebu City, 6000

Philippine office:

Telephone +63.32.255.4768 / +63.32.255.2200Facsimile +63.32.253.9353

3”

3“

5”2” .35”

1”.5”

.37”



Business card


Philippine office:

[email protected]



3.5”

2.5”



Philippine office:

9.5”

4”


IntroductionOur corporate identity is a valuable asset.

The information contained in this style guide covers corporate brand and visual identity requirements for firstaid Standard Guidelines content developed for public release.

Here you can find guidelines for signature/logo, colors, typographys and the proper use of the company name.

Logo guidelines should be observed at all times. Any deviation or variation from these standards could jeopardize the value of our corporate identity.

If you have questions, comments or requests for additional informa-tion, please contact [email protected].

e

Table of ContentsSignature/Logo

Signature/Logo

Mis-uses

Clear Spaces

Minimum Size

Color

Primary

Color Variations



Typosgraphy

Primary

Alternate


Letterhead

Business card

1.1

1.2

1.3

1.4

2.1

2.2

2.3

2.4

3.1

3.2

4.1

4.2



Signature / LogoThe firstaid signature/logo represents the entire company - from ads, to brochures, multi-media presentations, sponsorships banners to web. The signature composed of three elements that works together as a whole.

e

logotype (blue)

logotype (blue) -

logotype (red)

symbol

E.1 E.2

E.3

E.1


symbol -

E.3




1.1


Mis-usesOur signature was orignally drawn according to its specifications. Always used the proper artwork and never re-create it’s elements.


1.2

firstaid e

e

Do’s





E.1 E.2 E.3



1.3

X

X

X

X


X X

X X

-clear space (4)

-clear space (4)



1.4

width

width

width

width

height

height

height

height



CMYKC = 100 %

M = 83 %

Y = 32 %

K = 18 %

C = 6 %

M = 100 %

Y = 100 %

K = 5 %

2.1e

original blue vibrant red

Print

RGBR = 25 %

G = 62 %

B = 108 %

# 193E6C # D51D24

R = 213 %

G = 29 %

B = 36 %

Screen

Web


Color Variation2.2One-Color Variation - white background






reverse-white on colored (red, blue and dark) background

use only red or blue color for one-color on white background

one-color (white) for black ornegative backgound




Two-Color on light/white/positive background



Background Control



Two-Color Positive

WorksBest

WorksBest

Allowable

Allowable

unacceptable

unacceptable



100%

90%

80%

70%

60%

50%

40%

30%

20%

10%

0%


Background Control





on black and white





Typography



3.1

Regular or Roman

Italic

Bold

Bold Italic







TypographyOur alternate typefaces, for internal purposes, are Arial and Times New Roman. Arial references the clean look of our primary typeface and should be used whenever possible with in our MS office (i.e. Word, Powerpoint, Excel, etc.) applications. Times New Roman is an easy-to-read typeface that can be used for body copy of letters, memos and faxes.

3.2

Regular

Regular Italic

Bold

Bold Italic

Regular

Regular Italic

Bold

Bold Italic















Philippine office:

Telephone +63.32.255.4768 / +63.32.255.2200Facsimile +63.32.253.9353

3”

3“

5”2” .35”

1”.5”

.37”



Business card


Philippine office:

[email protected]



3.5”

2.5”



Philippine office:

9.5”

4”


Thank You.

Style Guide pg1.1-2 - s3images.coroflot.com · We want our signature to stand out, so we’ve...

Documents

Transcript of Style Guide pg1.1-2 - s3images.coroflot.com · We want our signature to stand out, so we’ve...