32
brand manual | 2012

Ohm Brand Manual | 2012

Embed Size (px)

DESCRIPTION

Branding rules and guidelines for the ohm brand, a digital musical instrument shop

Citation preview

Page 1: Ohm Brand Manual | 2012

brand manual | 2012

Page 2: Ohm Brand Manual | 2012
Page 3: Ohm Brand Manual | 2012

Ohm is all about digital music. We love it. It’s what drives us. We want to show the world that there is expression in digital music; break the dogma that there is no soul in digital mu-sic. There are ways to bring human expression and emotion to electronically generated music. This is the hybrid.

We are the hybrid object.

MissionStatement

Page 4: Ohm Brand Manual | 2012
Page 5: Ohm Brand Manual | 2012
Page 6: Ohm Brand Manual | 2012

The logo can appear in a number of ways; as the full logo type, or just the omega mark. The order of use preference is shown on the right, starting at the top. If possible show the mark on a solid black background. The color for the logo is Pantone 291 C. This color is only allowed when the mark is appearing on a black back-ground and is not to be used if the mark ap-pears without a containing shape, i.e. a white background.

Logo

Page 7: Ohm Brand Manual | 2012

Main Logo

Containing Shape

Reversed Out

Page 8: Ohm Brand Manual | 2012

Our logo is the symbolic representation of who we are. If we are not unified in how the logo is presented, how can we know who we are?

Everything here is completely and totally off limits. Don’t use both the logo mark and logo type in the same context; only one is needed. Don’t rotate the logo, pixels can’t rotate so nei-ther should our logo. Don’t place the logo on a saturated, conflicting color. Our logo doesn’t need any embellishments either; don’t add bevels or lens flares. The logo should never be placed on top of a photograph; it should sit on a field of color. The logo shouldn’t be place on a busy background; don’t change the colors on us either.

Logo

Page 9: Ohm Brand Manual | 2012
Page 10: Ohm Brand Manual | 2012

Logotype—Our logo is made from a custom drawn typeface; based on enlarged pixels. Use it on top of itself and to the top left one “pixel” to give the typography depth, if needed. Pixels don’t display rotated, so don’t rotate this type. Use sparingly.

Body Copy—All other typography should be Forza; a geometric, strong, and expressive type family. It comes in plenty of weights to create a strong type hierarchy.

Typography

Page 11: Ohm Brand Manual | 2012
Page 12: Ohm Brand Manual | 2012

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Forza Black

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Forza Bold

Typography

Page 13: Ohm Brand Manual | 2012

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Forza Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Forza Light

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Forza Thin

Page 14: Ohm Brand Manual | 2012

Web Fonts—These fonts are not allowed to be anywhere else on the brand with the exception of the website. Helvetica is to be used as head-ers and any “h” tags. Lucida is to be used as body copy. All body copy should be no smaller than 12px in size to conform to accessibility standards.

Typography

Page 15: Ohm Brand Manual | 2012

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Helvetica Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Lucida Grande

Page 16: Ohm Brand Manual | 2012

Consistent colors are important for making a successful brand. They add character and per-sonality to the voice of the brand. The only col-ors outside these ones allowed are black and white.

Color

Page 17: Ohm Brand Manual | 2012

Pantone—282 CCMYK—86|68|60|72

RGB—11|31|37

Pantone—282 CCMYK—86|68|60|72

RGB—11|31|37

Pantone—299 CCMYK—66|0|0|14RGB—21|172|215

Pantone—2915 CCMYK—38|0|0|15RGB—129|190|217

Pantone—Process CyanCMYK—100|0|0|0RGB—0|174|239

Pantone—302 CCMYK—91|70|35|51

RGB—19|49|76

Pantone—302 CCMYK—91|68|53|51

RGB—19|51|64

Pantone—291 CCMYK—34|0|4|0

RGB—162|220|239

Pantone—298 CCMYK—50|0|0|6

RGB—103|195|232

Page 18: Ohm Brand Manual | 2012

The following spreads show example graphical elements that will be associated with the brand. The theme is pixels, of various sizes (as long as they are square and can be made from pixels of the smaller sizes. Feel free to break the edge if necessary. Using pixels to make lines is also allowable, so you can do that too if you feel so inspired. Ever set of pixels should be unique, do not copy and paste from one use to another. They should be all crafted by hand so that they are ever changing on all the brand materials. Make sure to stick with the colors of the brand.

Graphics

Page 19: Ohm Brand Manual | 2012
Page 20: Ohm Brand Manual | 2012
Page 21: Ohm Brand Manual | 2012
Page 22: Ohm Brand Manual | 2012

Graphics

We now need to add that human touch to hybrid with our computer generated grid. We achieve this by manually pixelating photographs; to an obvious degree so it looks intentional. Over-lay the pixelation on top of the original image to create the hybrid object. Make sure the im-ages are blue to match with the brand, and use square shaped images. When placing the im-ages inside the grid, use them sparingly, don’t overwhelm it with these images.

Subject matter for the images should be peo-ple performing, showing really strong emotions or expressions about music. Be as diverse as possible, include celebrities or favorite musi-cians that make sense with the brand, just be sure to obtain permission for images.

Page 23: Ohm Brand Manual | 2012
Page 24: Ohm Brand Manual | 2012
Page 25: Ohm Brand Manual | 2012
Page 26: Ohm Brand Manual | 2012

The official ohm tagline is “your digital voice” and it should be used sparingly. The copy should always appear below the mark and be set in Forza Medium. To properly space the copy, use a capital “X” of the same properties of the tagline to use as reference for the height of the gap. The length ratio is 2:3, tagline to logo; aligned to the right edge. Use the tagline with the logotype version of the logo only, do not use it with the omega logomark version.

Tagline

Page 27: Ohm Brand Manual | 2012
Page 28: Ohm Brand Manual | 2012

Animation—Our logo in motion draws itself out, one row of glowing pixels at a time. Once it has drawn itself out, it grows in brightness and blurs a bit. As quickly as it grew brighter, it fades into the background.

Sound—The accompanying tone is a synthe-sizer. The synth plays an E pitch in the triangle wave form. As the logo animates, the wave form morphs into a sawtooth wave and gains some pretty heavy modulation; as the logo reaches the brightest point, the sawtooth wave is fully defined. The waveform then morphs back into a triangle wave as the logo fades out.

Veiw a video at:http://youtu.be/GPj5eD_u5TY

Endtag

Page 29: Ohm Brand Manual | 2012
Page 30: Ohm Brand Manual | 2012

Always refer back to this guide if in doubt; it will guide you to brand unity. The system set up is flexible and allows for individual creativity with-in the system.

These guidelines are for the use of ohm design teams and agencies only. Please refer to the design team for updates and the marketing team for content.

You can request an updated manual by con-tacting the design team at ohm headquarters.

Digital versions of this manual are available on-line at the ohm website if necessary, just ask a member of the design team and they can direct you to it.

Thank you

Page 31: Ohm Brand Manual | 2012
Page 32: Ohm Brand Manual | 2012

designed by spencer hill | 2012