Time line display style design 5 powerpoint presentation templates.
Horizon Display Style Guide
-
Upload
jessica-webster -
Category
Documents
-
view
223 -
download
1
description
Transcript of Horizon Display Style Guide
![Page 1: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/1.jpg)
BRANDstyle guide
![Page 2: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/2.jpg)
1
![Page 3: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/3.jpg)
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
![Page 4: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/4.jpg)
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
![Page 5: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/5.jpg)
01
02
4
![Page 6: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/6.jpg)
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
![Page 7: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/7.jpg)
01
02
03
6
![Page 8: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/8.jpg)
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 }
7
![Page 9: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/9.jpg)
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz( ) . ,”! ? -”= : ; ’
” accent typeface - Chuck Five ”
Hh ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlkmnopqrstuvwxyz().,”!?@#$%&-+={}:;’[]\/
{bodytypeface-Calibri}
8
![Page 10: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/10.jpg)
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
![Page 11: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/11.jpg)
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
![Page 12: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/12.jpg)
our images.
Eventouchdisplayshavea“goodside.”Theseimagetouch-upsandeffectshighlightthebeautyofeventheblankestscreen.
“WhiteRoom”
“OnLocation”
“Reflection”
“TransparentBackground”
“Limbo”
11
![Page 13: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/13.jpg)
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
![Page 14: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/14.jpg)
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
![Page 15: Horizon Display Style Guide](https://reader033.fdocuments.net/reader033/viewer/2022052914/568c516a1a28ab4916b28545/html5/thumbnails/15.jpg)
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