Horizon Technology Style Guide

Page 1

HORIZON TECHNOLOGY


21


3

2

SECTION 1: LOGO AND COLORS

1.1 Horizon Technology Color Guide 1.2 Incorrect Applications 1.3 Typography Guide

5

SECTION 2: PRESENTATIONS

9

SECTION 3: WEB

2.1 Preentation Style Guide 2.2 Typography and Image Guide

3.1 Web Color Guide 3.2 Web Typography Guide


Horizon Technology: Brand Style Guide

1.1 Color Guide

43


Primary/Logo Colors

Pantone 302C

4

Pantone Black C

C. 100 R. 20 M. 73 G. 81 Y. 0 B. 124 K. 0

C. 40 M. 50 Y. 50 K. 100

R. 0 G. 0 B. 0

75% CMYK 40 50 50 Pantone Black C 100

50% CMYK 40 50 50 Pantone Black C 100

C. 0 M. 0 Y. 0 K. 0

R. 255 G. 255 B. 255

25%

CMYK 40 50 50 Pantone Black C 100


Horizon Technology: Brand Style Guide

1.2 Incorrect Applications • Do not distort the logo • Do not separate the logo • Do not change the proportion of the logo • Do not change the typography • Do not add any text or graphic elements to the logo • Do not place the logo on a background that would reduce its visibility • Do not use other colors than the prescribed ones for the logo

x

x

x

x

x

56

H RIZON


Horizon Technology: Brand Style Guide

1.3 Typography Guide

Aa

Header Font

Aa

Open Sans Condensed

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ~!@#$%^&*( )-=_+,./;’[ ] \< >?:”{ }| Body Font

Aa

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

Subhead Font

Open Sans

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

Aa

District Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ~!@#$%^&*( )-=_+,./;’[ ] \< >?:”{ }|

Aa

Times New Roman - Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ~!@#$%^&*( )-=_+,./;’[ ] \< 6


Horizon Technology: Brand Style Guide

2.1 Presentation Style Guide

78


Horizon Technology: Brand Style Guide

2.2 Presentation Elements Header Font

A

A

Calibri Bold (ALL CAPS) BLACK 80%

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

Body Font

Calibri Bold (ALL CAPS) RGB 224-153-94

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

Aa Calibri Black 80%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ~!@#$%^&*( )-=_+,./;’[ ] \< >?:” Image Effects Hovering Shadow

8

Drop Shadow

Reflection


Horizon Technology: Brand Style Guide

3.1 Web Color Guide

Primary Web Colors

Pantone Black C

C. 40 M. 50 Y. 50 K. 100

R. 0 G. 0 B. 0

C. 0 M. 0 Y. 0 K. 0

R. 255 G. 255 B. 255

Secondary/Accent Web Colors

Pantone 302C

R. 220 G. 136 B. 38

9 10

Pantone 108 C

R. 249 G. 237 B. 13

Pantone 361 C

R. 108 G. 179 B. 63

Pantone Violet C

R. 77 G. 63 B. 153


Horizon Technology: Brand Style Guide

3.2 Web Typography Guide

Aa Arial

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

Super Header is Arial at 36px Header is Arial Bold at 32px Subheader is Arial at 20px

Accent Text is Times New Roman Bold Italic at 18px Body is Arial at 13px

Aa

Times New Roman - Bold Italic

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

10


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.