Styleguide JAM

BRANDBOOK

JAM INDEX JAM JAM JAM JAM JAM JAM JAM JAM

In Words Logo Logo Variations Logo Usage Type Additional Elements Colors Cheatsheet

3 4 5 6 7 8 10 11

2

JAM IN WORDS

VRIENDSCHAP RESPECT OPENHEID WAARDIGHEID

ART BUSINESS DESIGN CULTURE

JAM VISUEEL DENKEN JAM is een ontwerpbureau dat je helpt je verhaal zoet & zichtbaar te maken! Door een gebalanceerde combinatie van ontwerpen en tekenen wordt er al ruim 10 jaar gewerkt aan beelden die helpen om denken zichtbaar en deelbaar te maken binnen je bedrijf.

3

JAM LOGO LOGO All communication materials should include the basic logo.

MAIN LOGO

BASIC

INVERSE

SOLID

4

JAM LOGO LAYOUT VARIATIONS LAYOUT To keep the logo legible in all applications several layouts have been developed.

MAIN ALIGNMENT

When possible always use the main logo.

HORIZONTAL ALIGNMENT

5

JAM LOGO USAGE ON PHOTOS Chose the logo with best suitable for the desired background. Always make sure the logo is placed in a calm an simple area of the photo.

WHITESPACE Make sure the logo has plenty of whitespace

VISUEELDENKEN

SCALING Always maintain proportions while scaling

ROTATING Thou shalt never rotate

6

JAM TYPE PRIMARY typeface Futura

secondary typeface Sharpie

Futura Extra Bold STD Futura Bold STD Futura Book STD

Sharpie

HEADER IN FUTURA EXTRA BOLD STD CAPS 13 PT.

SUBHEADER 1 IN FUTURA BOLD STD

Basic text in Futura Book Std and in size 8.5pt. / leading 11 pt. Lorem ipsum dolor sit amet, consectetur adipiscentum nisi mauris ac nisl. Nullam et elit consectetur felis suscipit tempus. Phasellus et venenatis ligu.

HEADER IN FUTURA EXTRA BOLD STD CAPS 13 PT.

Secondary Headers

HEADER IN FUTURA EXTRA BOLD STD CAPS 13 PT. Secondary Headers

SUBHEADER 1 IN FUTURA BOLD STD Basic text in Futura Book Std and size in 8.5pt. / leading 11pt. Lorem ipsum dolor sit amet, consectetur.

7

JAM ADDITIONAL ELEMENTS SUGAR CRYSTALS

To expand the brand experience and JAM philosophy two patterns were created. Both abstracts of sugar crystals. These patterns are to be used in various layouts and publications. The patterns fulfill a supporting role in the JAM identity and should never take the lead. Use them as details and accents on page layouts and other publications.

PHOTOGRAHPY These patterns work great when overlayed on photography. Have a look at the next page.

8

JAM ADDITIONAL ELEMENTS PHOTOGRAPHY

A big part of the JAM experience is based on the use of large images, these being photoâ&#x20AC;&#x2122;s and / or illustrations. For some publications e.g. the website images are multiplied over a red ( JAM ) surface, and then combined with the sugar crystal patterns to create a visually attractive and recognisable JAM header image

PHOTO Black & White photo with a lot of contrast.

JAM RED JAM red surface multiplied over the B&W photo

SUGAR CRYSTAL A. JAM Sugar Crystals Triangle pattern placed over entire picture at 20% Transparency ( see JamImages.psd )

SUGAR CRYSTAL B. JAM Sugar Crystals placed over the image in random layout to mimic floating motion 55% transparency with a fade out mask ( see JamImages.psd )

9

JAM COLORS MAIN COLORS

SECONDARY COLORS

JAM C00 M95 Y82 K00 R238 G48 B57 #EE3039

POMEGRANATE C24 M100 Y100 K20 R161 G29 B33 #A11D21

CARNATION C00 M84 Y56 K00 R239 G80 B93 #EF505D

PETROL C89 M54 Y54 K34 R25 G78 B85 #194E55

DAINTREE C100 M65 Y65 K40 R000 G57 B62 #00393E

CUTTY SHARK C70 M40 Y40 K14 R81 G118 B127 #51767F

NIGHT PANTHER C65 M30 Y30 K100 R000 G000 B6 #000006

WHITE C00 M00 Y00 K00 R000 G000 B000 #FFFAAA

COLOR DISTRIBUTION

PUMPKIN C00 M58 Y87 K00 R245 G134 B56 #F58638

10