create. connect. transform. ALLIED MEDIA PROJECTS IDENTITY STANDARDS

Transcription

1

2 create. connect. transform. IDENTITY STANDARDS

3 5 CREATE allied media projects The Allied Media Projects grows media justice seeds. These seeds are: Create, Connect, and Transform. When these seeds are culitvated and connected they form a triangle, which is a shape rich with meaning and a strong form to build off of. TRANSFORM CONNECT

4 7 the logo: connectivity The triangle is the form that the Allied Media Projects logo is built from. The mark itself is formed from triangles that spell the letters A, M and P. It is almost completely encompassed with a circled, a purposeful space is left open to invite the viewer in. The beginning stroke breaks through the outer circle signifying the boundrybreaking work the AMP network is involved in.

5 8 9 ALLIED the programs Currently, Allied Media Projects is the umbrella organization in which two main programs operate under: Detroit Future and the Allied Media Conference. MEDIA PROJECTS the amp logo without the organization name and also with it each of the three identities are built from the triangle

6 10 11 the network The AMP network is awesomely diverse. At every opportunity, use the vast library of photography available in design work in print and the web to illustrate the unique and ever-expanding AMP network of people and activity.

7 12 13 pms 814 u rgb: 143, 0, 255 cmyk: 65, 79, 0, 0 pms 813 u (neon) rgb: 255, 0, 153 cmyk: 0, 95, 0, 0 serious amp colors pms 300 u rgb: 36, 33, 227 cmyk: 87, 80, 0, 0 pms 803 u rgb: 255, 255, 0 cmyk: 6, 0, 97, 0 pms 430 u rgb: 102, 102, 102 cmyk: 60, 51, 51, 20 pms 802 u rgb: 0, 255, 0 cmyk: 63, 0, 100, 0 pms black rgb: 0, 0, 0 cmyk: 0, 0, 0, 100 pms 814 u rgb: 143, 0, 255 cmyk: 65, 79, 0, 0 fun amp colors the colors AMP has two color palettes. The Serious Colors are recommended for situatious that require professionalism or aesthetic restraint. The Fun Colors can be used in conjunction with the Serious Colors when the situation is more relaxed. For example, when designing materials for grant applications or other funding avenues, it is recommended to stay with the Serious Colors. The AMP letterhead and business cards use only the Serious Colors. On the other hand, when designing materials promoting an AMP event, the Fun Colors can be used as well.

8 14 the serious and fun color palettes used together the serious color palette allied media conference attendees browsing the pages of the program

9 16 17 the logo in color The AMP logo can be used in color as demonstrated below in the Serious AMP Colors. It is also acceptable to use a white logo when using a black background. Never use the white logo on a background color other than black. The AMP logo is never in any color from the Fun Color palette. This is because these Fun Colors do not provide enough contrast for high visability. yes, please do! An alternate, gradient version of the logo exists for applications that need to feel a bit more festive. The AMP business cards use the alternate version, for example. the alternate, gradient version of the logo the logo in white on black background the amp logo in all four colors from the serious color palette yes, please do!

10 18 19 yes, please do! when faced with a background color other than black use the standard black logo surrounded by white to ensure legibility when the logo needs to appear over a photograph, use the standard black logo surrounded by white to ensure legibility the unity band The Unity Band was created in order to provide consistency in all of the diverse materials created in all AMP projects. yes, please do! Use the Unity Band at the top or bottom of designs created for Allied Media Projects, the Allied Media Conference and Detroit Future. Choose from the white or black Unity Band depending on what looks best in each situation. Read more about the Unity Band on pages in this guide.

11 20 21 sample applications of the unity band (lower half) in a square grid format. amc and df programs The AMC campaign identity changes annually however is grounded with the prismic logo. Detroit Future is represented by the prismic orb. When building a subcampaign for these AMP programs, the supporting color palette is flexible however the program logos are always represented in the Serious AMP Colors. +

12 22 23 yes, please do! the logos in color When the AMP, AMC, and DF logos are seen together use one color to provide the appearance of one consistent whole, instead of three individual pieces. The alternate, gradient treatment can be used as well, but only when applied across all of the logos. Never use the gradient on each of the logos separately when they are seen together. See the previous page regarding the design of supplementary campaign color palletes. yes, please do!

13 24 25 no, please do not. Don t colorize the logo in any colors outside of the AMP Serious Colors. Don t use patterns, illegible colors or reverse the logo on colored backgrounds. See the previous pages for acceptable samples. no, please do not. no no no no no no no don t mix the serious amp colors when representing all three programs simultaneously. this creates visual disorder and unnecessary hierarchy.

14 26 27 no, please do not. no the fonts: introduction The Allied Media Projects typography consists of two typefaces: Foundry Gridnik (The Foundry) and Halis (Ahmet Altun). Both of these typefaces have a variety of weights for flexibility. Commitment to these typefaces is essential to creating a strong identity. Foundry Gridnik is used mainly for the logos and in special graphics or illustrations. Do not use Foundry Gridnik for headlines or body copy in print or on the web because it becomes hard to read in such situations. Halis should be used for most situations in print and on the web. Halis is very readable at all sizes and in various media and therefore is best option for headlines and body copy. FOUNDRY GRIDNIK ALLIED MEDIA PROJECTS DETROIT FUTURE ALLIED MEDIA CONFERENCE HALIS do not use white versions of logos when representing the three programs. do not group program logos with background colors. Media strategies for a more just, media strategies for a more just, Media strategies for a more just, media strategies for a more just,

15 28 29 the fonts: web When using Halis on the web, use these pages for a guide for recommended sizes and weights. Because the web offers such varied and diverse situations other sizes and weights of Halis are acceptable but always do proper testing for readability and legibility. correct smallcaps Incorrect Smallcaps small text halis regular 13px Media strategies for a more just, medium text halis regular 15px Media strategies for a more just, large text halis book 17px Media strategies for a more just, special text/caption halis smallcaps bold 16px media strategies for a more just, creative and collaborative world. subheading halis smallcaps bold 20px media strategies for a more just, big heading halis smallcaps bold 50px wormhole portal when using the smallcaps fonts, make sure to use all lowercase. if using titlecase, the first letter will become large and irregular. small caption halis smallcaps book 14px media strategies for a more just, creative and collaborative world.

16 30 31 the fonts: print Use the following pages for a guide for recommended sizes and weights of Halis in print situations. Do not use text that is smaller than 9 point without extensive legibility testing. correct smallcaps Incorrect Smallcaps when using the smallcaps fonts, make sure to use all lowercase. if using titlecase, the first letter will become large and irregular. smallcaps caption halis smallcaps bold 11pt / 13pt Media strategies for a more just, body text halis book 9.5pt / 13pt Media strategies for a more just, pullquote halis light 15pt / 18pt Media strategies for a more just, special halis smallcaps bold 16pt media strategies for a more just, creative and collaborative world. small caption halis smallcaps book 14pt media strategies for a more just, creative and collaborative world. subheading halis smallcaps bold 20pt / 22pt media strategies for a more just, small heading halis smallcase bold 30pt / 30pt media strategies for a more just, creative and collaborative world. big heading halis smallcase bold 72pt / 59pt wormhole portal layout sample on the following page

17 when wormhole? Rock melon collard greens aubergine prairie turnip brussels sprout salad amaranth bamboo shoot tatsoi potato chicory tigernut. Lotus root garlic rutabaga taro yarrow celery beet greens arugula peanut dandelion coriander gram bok choy beetroot bunya nuts radicchio. Aubergine catsear chickpea kohlrabi aubergine silver beet spring onion rock melon azuki bean pea sprouts horseradish. Yarrow earthnut pea burdock water spinach leek prairie turnip garbanzo courgette plantain garlic brussels sprout lettuce bell pepper onion tigernut radicchio. Rock melon cucumber celery pea salad taro soybean chard bamboo shoot rutabaga sea lettuce courgette wattle seed asparagus turnip horseradish radish. Donut topping tootsie roll croissant macaroon tart croissant marzipan. Tart liquorice sugar plum candy canes chupa chups cake croissant marzipan. Muffin brownie tart jelly beans cupcake chupa chups. sample layout. rhizomes Donut topping tootsie roll croissant macaroon tart croissant marzipan. Tart liquorice sugar plum candy canes chupa chups cake croissant marzipan. Muffin brownie tart jelly beans cupcake chupa chups. Brownie tart pastry biscuit tootsie roll. Liquorice applicake ice cream jujubes bonbon macaroon liquorice. brownie pudding ideas Jujubes cotton candy dessert croissant icing wafer marshmallow jelly. Croissant icing bear claw oat cake. Cake cotton candy jelly-o candy canes wafer applicake. Kombu brussels sprout bunya nuts grape dandelion taro. Dulse tomato celery gumbo swiss chard winter purslane eggplant turnip greens summer purslane cabbage napa cabbage seakale sea lettuce pumpkin black-eyed pea. Mung bean plantain leek gumbo broccoli rabe cauliflower sierra leone bologi radish beet greens pea caulie jícama groundnut. Epazote kombu celery bell pepper kohlrabi bunya nuts kale squash parsley chickpea wakame carrot. Squash broccoli horseradish turnip parsnip pumpkin winter purslane summer purslane garbanzo daikon silver beet kohlrabi. Desert raisin fava bean bitterleaf azuki bean quandong yarrow silver beet cauliflower dulse kakadu plum epazote. Bonbon dessert pudding. Brownie pudding chocolate bar powder tart gummies. desert root beet track Rock melon collard greens aubergine prairie turnip brussels sprout salad amaranth bamboo shoot tatsoi potato chicory tigernut. Lotus root garlic rutabaga taro yarrow celery beet greens arugula peanut dandelion coriander gram bok choy beetroot bunya nuts radicchio. Aubergine catsear chickpea kohlrabi aubergine silver beet spring onion rock melon azuki bean pea sprouts horseradish. Yarrow earthnut pea. Desert raisin fava bean bitterleaf azuki bean quandong yarrow silver beet cauliflower dulse kakadu plum. yes: space / time Rock melon collard greens aubergine prairie turnip brussels sprout salad amaranth bamboo shoot tatsoi potato chicory tigernut. Lotus root garlic rutabaga taro yarrow celery beet greens arugula peanut dandelion coriander gram bok choy beetroot bunya nuts radicchio. mustard azuki bean sorrel black-eyed pea aubergine bitterleaf gumbo tomatillo. swiss chard sweet pepper lettuce coated in sugar. nice cream jelly gingerbread sweet roll. halvah bear claw danish toffee. tart lemon.

18 34 35 FOUNDRY GRIDNIK the fonts: usage FOUNDRY GRIDNIK DETROIT FUTURE SCHOOLS PARADIGM OPENING A FOUNDRY GRIDNIK FOUNDRY GRIDNIK 16TH ANNUAL FOUNDRY GRIDNIK FOUNDRY GRIDNIK foundry gridnik is used predominately in the organization and program names. the fonts: usage tips When using professional design programs such as InDesign or Illustrator, turn on Optical kerning function instead of Metrics to ensure the fonts look their best. allied media projects allied media conference Turn off auto-hyphenation when possible. Text is easier to read when it is not riddled with hyphens. Test extensively when using fonts at small sizes in print and on the web to ensure legibility for all foundry gridnik could be integrated into custom illustrations as demonstrated above. illustration on left courtesy of nate mullen, modified to include foundry gridnik. Use Foundry Gridnik only when integrated into special program illustrations. don t use halis in any of the core organizational logos. Pay attention to legibility when using Foundry Gridnik Light, as the stroke weight is so fine it can be hard to read.

19 37 100% logo height 50% the clearspace To ensure the logo s integrity and visability, use adequate clearspace around the logo. The logo should be surrounded on each side by clearspace that is equal to half the height of the logo. an allied media projects logo surrounded by appropriate clearspace

20 38 39 educator 100% logo height 50% coordinator the clearspace To ensure the logo s integrity and visability, use adequate clearspace around the logo. The logo should be surrounded on each side by clearspace that is equal to half the height of the logo. an allied media conference logo surrounded by appropriate clearspace

21 % logo height 50% the clearspace To ensure the logo s integrity and visability, use adequate clearspace around the logo. The logo should be surrounded on each side by clearspace that is equal to half the height of the logo. a detroit future logo surrounded by appropriate clearspace

22 42 43 small above. the toobox: templates The Unity Band acts as a foundation in a range of gridded template applications. Each template has unique instructions for use. DIVIDE INTO 4 COLUMNS DIVIDE INTO 4 COLUMNS check out the toolbox for template assets and instructions horizontal postcard (5x7) template (white unity band, bottom) For best results, Show Guides DIVIDE INTO 4 ROWS horizontal postcard (5x7) template (black unity band, bottom) For best results, Show Guides DIVIDE INTO 4 ROWS extra small above. alliedmedia.org Media strategies for a more just, creative and collaborative world alliedmedia.org Media strategies for a more just, creative and collaborative world the tiny sizes As logos scale down, they loose legibility and potentially become inacessible. It s important to use the appropriate logo scale in the appropriate application. ok LOGO IS FULL WIDTH OF 1 ST COLUMN (MINUS MARGIN) LOGO IS FULL WIDTH OF 1 ST COLUMN (MINUS MARGIN) URL IS CENTERED IN 3 RD COLUMN URL IS CENTERED IN 3 RD COLUMN TAGLINE IS LEFT JUSTIFIED BUT ALIGNED TO THE RIGHT OF THE PAGE IN 4 TH COLUMN (MINUS MARGIN) TAGLINE IS LEFT JUSTIFIED BUT ALIGNED TO THE RIGHT OF THE PAGE IN 4 TH COLUMN (MINUS MARGIN) LOGO IS FULL WIDTH OF 1 ST COLUMN (MINUS MARGIN) LOGO IS FULL WIDTH OF 1 ST COLUMN (MINUS MARGIN) URL IS CENTERED IN 3 RD COLUMN URL IS CENTERED IN 3 RD COLUMN TAGLINE IS LEFT JUSTIFIED BUT ALIGNED TO THE RIGHT OF THE PAGE IN 4 TH COLUMN (MINUS MARGIN) TAGLINE IS LEFT JUSTIFIED BUT ALIGNED TO THE RIGHT OF THE PAGE IN 4 TH COLUMN (MINUS MARGIN) For uses smaller than.75 inches in height but bigger than.35 inches in height, use the logos labeled small ; these have been refined for smaller sizes. For uses around.35 inches in height, use the logos labled extra small ; these have been refined for extra small sizes. do not scale the df or amc logos below.35 inches in height. they will become illegible. it is possible to use the amp logo in very tiny sizes in special circumstances (think union bug) without the organizational name attached. alliedmedia.org horizontal postcard (5x7) template (white unity band, top) For best results, Show Guides Media strategies for a more just, creative and collaborative world DIVIDE INTO 4 ROWS alliedmedia.org horizontal postcard (5x7) template (black unity band, top) For best results, Show Guides Media strategies for a more just, creative and collaborative world DIVIDE INTO 4 ROWS DIVIDE INTO 4 COLUMNS DIVIDE INTO 4 COLUMNS

23 44