horizon display style guide

BRANDstyle guide

This is Horizon Display’s style guide. Understand the elements that make up our brand’s image. Havearead&gettoknowusajustalittlebetter.

Enjoy!

03 our logo.

05 our do’s and don’ts.

07 our typeface.

09 our colors.

11 our images.

13 our formats.

2

our logo.

Our logo is a very valuable asset. We must treat it nicely. Never abuseourlogo-itdoesn’thavearmssoitcan’tfightback.

01 print and documents.

02 web and screen.

This logo is to be use for all printed collateralincludingallprintedpublications,advertising,flyersandproductpackaging

This is our logo to be used for all screen work,includingwebsites,bannersandpresentations.

3

01

02

4

do’s and don’ts.

You wouldn’t wear one orange sock with a stripped sock. Take a moment to think about how you would dress up our Horizon logo.

01 spacing.

02 do’s.

03 don’ts.

Always leave the logo some space to breathe. Try to use white or neutral backgrounds.

- If it’s unavoidable to sit the Horizon Display logo on a color,oraphoto,usethewhitelogo- The Horizon Display logo may have a drop shadow behind if appropriate with the rest of the artwork - In some very rare instances,theHorizonDisplaylogo may change in color

- Do not sit the logo on colors that clash- Do not use the white logo on backgrounds what are toolightorcluttered- Do not rotate or distort the logo

5

01

02

03

6

our typeface.

Ourtypefaceiscreative,professional,yetunassumingandhumble . . . just like us!

Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijlkmnopqrstuvwxyz( ).,”!?@#$%&-+={}:;’[ ]\ /

{ header & logo typeface - Helvetica Neue LT Std }


abcdefghijlkmnopqrstuvwxyz( ).,”!?@#$%&-+={}:;’[ ]\ /

{ subhead typeface - Times New Roman Bold Italic }

7


abcdefghijlkmnopqrstuvwxyz( ) . ,”! ? -”= : ; ’

” accent typeface - Chuck Five ”


abcdefghijlkmnopqrstuvwxyz().,”!?@#$%&-+={}:;’[]\/

{bodytypeface-Calibri}

8

our colors. Wewouldneverjudgeacompanybythecolorofit’slogo,butwestillseethevalueinbeingbold,colorful&confident!

Horizon BlueCMYK:70-24-0-0RGB:59-158-216Pantone:299C

100%50%25%

Crescent YellowCMYK:0-16-77-0RGB:255-212-87Pantone:116C

100%50%25%

BlackCMYK:40-50-50-100

RGB:0-0-0Pantone:BlackC

100%50%25%

Primary Color Palette

9

WhiteCMYK:0-0-0-0

RGB:255-255-255Pantone:White

GreenCMYK:52-0-90-0RGB:134-197-81Pantone:376C

Dark BlueCMYK:81-65-0-0RGB:134-197-81Pantone:2726C

MauveCMYK:134-197-81RGB:172-82-88

Secondary Colors

10

our images.

Eventouchdisplayshavea“goodside.”Theseimagetouch-upsandeffectshighlightthebeautyofeventheblankestscreen.

“WhiteRoom”

“OnLocation”

“Reflection”

“TransparentBackground”

“Limbo”

11

White RoomAnaturalbackdropfordisplayswhicharenotonlocation-brightlighting,adistinctverticalbackdropandwhitehorizontal“floor.”JPEGorPNG

LimboAnaturalbackdropfordisplayswhicharenotonlocation-brightlighting,obviousshadowwithnodefinitiontothewhite background. JPEG or PNG

ReflectionAstylisticeffectcreatedinPhotoshop+Illustratorwherethebackgroundisremovedandtheimageisreflectedasatransparent gradient. PNG

On Location•Showrealproductinteraction•Showdisplaysworkingforthecustomerinnaturalenvironments•Showenvironmentsinfusedwithbright,naturallight•DONOTshowstagedinteractionorexaggeratedandunnatural posesJPEG or PNG

Transparent BackgroundAsimple,stylisticeffectcreatedinPhotoshopwherethebackground is removed. PNG

12

our logo and image formats.

EPSThepreferredfileformatfortheprintingindustry.Thisfileformatprovidesascalablevectorgraphicversionregardless of dpi. This format can be placed in a document by a page layout program such as Adobe InDesign or it can be used directly from Adobe Illustrator. This version is transparent but may not be suitable for all programs.

PNGThisfileformatprovidesalossless,wellcompressedversion of raster and vector images. This format also contains a transparency layer and is the best format to use withMicrosoftOfficeprograms.

JPGThisfileformatuseslossycompressiontomanagefilesize,uses RGB color and is best suited for online media. This format is not intended for print material.

PDFThisfileformatprovidesanexactpreviewofadocumentinadevice-independentway,regardlessofpagecountoroverallsize.Thismeansthatregardlessofwhatplatform,whatprogram,whatfontwasusedyouwillseeitexactlyhow it was intended by the creator.

13

our video and interactive formats.

FLVFLVvideoisplayblewithinFlashmoviefileswhicharesupportedbypracticallyeverybrowseroneveryplatform.Flash video is compact.

AVITheAVIformatwasdevelopedbyMicrosoft.Thisformatusually uses less compression than some similar formats and is a very popular format amongst internet users.AVIcanbeplayedonvariousplayers:•AppleQuickTimePlayer•MicrosoftWindowsMediaPlayer•VideoLANVLCmediaplayer

QuickTime Format (.mov)The QuickTime format was developed by Apple and is a verycommonone.It’softenusedontheinternetandforsavingmovieandvideofiles.

.EXEExecutablefilesautomaticallyexecutecodethatcansetseveralfunctionsintomotion.Theexefileisoneofthemostusefultypesoffilesbecauseitrunsprogramsonnearlyalloperatingsystems.

.SWFOncecreated,SWFfilescanbeplayedbytheAdobeFlash Player working either as a browser plugin or as a standaloneplayer.SWFfilescanalsobeencapsulatedwiththeplayer,creatingaself-runningSWFmoviecalleda“projector”

14

horizon display style guide

Documents