Post on 01-Mar-2016
description
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 formats.
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.
01
02
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
01
02
03
our typeface.
Ourtypefaceiscreative,professional,yetunassumingandhumble . . . just like us!
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz( ).,”!?@#$%&-+={}:;’[ ]\ /
{ header & logo typeface - Helvetica Neue LT Std }
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz( ).,”!?@#$%&-+={}:;’[ ]\ /
{ subhead typeface - Times New Roman Bold Italic }
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz( ) . ,”! ? -”= : ; ’
” accent typeface - Chuck Five ”
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz().,”!?@#$%&-+={}:;’[]\/
{bodytypeface-Calibri}
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
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
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.
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”