3DEGREES. Brand Style Guide

Transcription

1 3DEGREES Brand Style Guide 1

2 CONTENTS 1. Preface + Introduction to brand guidelines 2. Brand Essence + Story + Mission and vision + Core values + Personality 3. Visual Identity + Logo + Typography + Color + Photography + Graphics 4. Voice & Messaging + Tone of voice + Writing style //

3 01 PREFACE HOW TO USE THIS Why do we need a style guide? The style guide sets the tone for how 3Degrees communicates with the outside world whether it s through our writing, our logo, our presentations every choice should be deliberate and consistent. Anything that visually or stylistically represents 3Degrees should convey our voice, our mission and our personality. Use these brand guidelines to learn how to capture the spirit and purpose of 3Degrees. Each style choice has been selected carefully to best represent our brand. This guide has been developed by the 3Degrees marketing team, who actively manages the company brand. If you have questions or comments, please contact us at brand@3degreesinc.com. 3

4 PART TWO Brand Essence + Story + Vision and mission + Core values + Personality HEART AND SOUL Our brand expresses who we are and what we believe in. It reflects our thinking and our work ethic. It affects how we relate to our customers, and how our customers perceive us and respond when they see or hear our name. It builds loyalty and attracts the best people to our team. The key to creating a strong brand is to clearly express its distinctive personality, characteristics and values through every piece of communication, both verbally and in writing, on a daily basis.

5 02 BRAND ESSENCE STORY Our name as a call to action When we were founded, a three degree increase in the earth s temperature was seen by many as a climate tipping point, the point past which it would be difficult if not impossible to reverse the impacts of climate change on the earth and its inhabitants. By choosing the name 3Degrees, our founders remind themselves, our staff, and our partners that climate change is not an abstract concept, but is real and requires action now. Solving the most significant challenge of our generation is a tall order. But this is a challenge that energizes us. We hope you ll join the cause. 5

6 02 B R A N D E S S E N C E M I S S I O N A N D V I S I O N OUR MISSION To connect people with cleaner energy on a massive scale. OUR VISION A world where it is universally more valuable to solve environmental problems than create them. 6

7 02 BRAND ESSENCE VALUES INDIVIDUAL + We encourage professional growth through empowerment and opportunities for innovation. + We are committed to rewarding high performance by team players. TEAMING & CULTURE + We are a team of people who naturally put the good of the company and their teammates ahead of their own self interest. + We are a company without jerks. We are a company of people who are respectful and genuine. + We hold each other accountable and own up to our mistakes. + We seek to keep a low drama environment with people who don t pit themselves against each other. + Regardless of the outcome, we value innovative, well-planned and well-executed experiments. COMPANY + We are passionate about our mission really. + We are a stable growth company focused on investing wisely and managing risk so that we can grow sustainably. + We operate ethically even when confronted by economic pressures or personal or professional risks. + We want our teammates to have personal lives that are not regularly affected by work. + We deliver high quality products and services and clients reward us for it. + We re dedicated to finding new and fulfilling work we want to do, sifting out work that s not a good fit for us. 7

8 02 BRAND ESSENCE PERSONALITY YOU KNOW, LIKE... BUT NOT... SMART informed, approachable academic, arrogant FORWARD THINKER progressive, big picture thinker, a leader science fiction PASSIONATE enthusiastic, a champion, determined militant, overly-emotional AUTHENTIC approachable, frank unpolished RELIABLE trustworthy, provides good value boring, predictable 8

9 PART THREE Visual Identity + Logo + Typography + Color + Photography + Graphics While the brand essence is the heart and soul coming from within, the visual identity is the outward expression of 3Degrees. The logo makes up only one component of the identity. Other elements such as type, color, photography and illustration styles all play an important role in defining and consistently representing 3Degrees as brand.

10 03 VISUAL IDENTITY LOGO LOGOTYPE FULL LOGO LOCKUP AND ITERATIONS FULL COLOR The 3Degrees logo is made up of the numeral 3, the word Degrees (capital D), and a degree symbol, as well as a trademark symbol. MARK ELEMENTS Use the full color 3Degrees logo whenever possible. The full color, one-color and grayscale versions of the logo should be used primarily on white backgrounds. In rare cases they may be used on light backgrounds. For any darker or photograph backgrounds, the reversed version of the logo should be used. REVERSED ONE COLOR 80% B&W 10

11 03 VISUAL IDENTITY LOGO LOGO MARK The 3 and degree symbol from the logo can be used in this arrangement as a logo mark. It is intended to be used as a graphic design element, rather than an independent version of the logo. In most cases, the full logo should appear in conjunction with the mark. When using the 3D mark as a graphic element, it should be arranged so that it slightly runs off the edge of the page, but in a way that still allows it to be immediately read as a 3. As a general rule, the mark should be approximately 4x the size of the logo (when the 3 in the mark is compared the 3 in the logo). The full color, one-color and grayscale versions of the logo should be used primarily on white backgrounds. In rare cases they may be used on light backgrounds. For any darker or photograph backgrounds, the reversed version of the logo should be used. CORRECT CORRECT INCORRECT 11

12 03 VISUAL IDENTITY LOGO CLEAR SPACE CLEAR SPACE AND SIZING It is important that other elements don t crowd the logo or the logo mark. Please allow for space around the logo, minimum the height of the e in degrees. For the logo mark, allow space minimum the height of the degree symbol. The 3Degrees logo should not be used in body copy. The logo may not be used at a size smaller than the minimum specified. MINIMUM SIZES PRINT: 1.5 WIDE WEB: 75 PIXELS WIDE 12

13 03 VISUAL IDENTITY LOGO IMPROPER LOGO TREATMENT In order to maintain the integrity of the logo, please use the following examples as a guide of what not to do with the logo. Thou shall not change the color of the logo. Thou shall not stretch or distort the logo. Thou shall not apply any special effects to the logo. Thou shall not change the angle of the logo. Thou shall not resize or rearrange any logo pieces. Thou shall not place logo on busy photo or background. 13

14 03 VISUAL IDENTITY TYPOGRAPHY TYPESETTING Our stories are everything. Type styles help tell them with distinction and organization. Our type system keeps things tight, simple and highly versatile. Our typography palette includes a serif and sans serif: Arnhem is a serif rooted in traditional typography but with an undoubtedly modern touch. Because of Arnhem s exceptional reading quality, it s suitable for large bodies of text. + Headline 1: Arnhem Bold + Subheadline: Arnhem Bold Italic + Body copy: Arnhem Normal When Arnhem is unavailable or inaccessible (e.g. licensing, Google docs, Microsoft documents shared beyond 3Degrees), follow the same rules but use Georgia. Arnhem 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 # $ % &!? 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 # $ % &!? LABEL IN MARK Headline in Arnhem Subhead in Arnhem Body copy in Arnhem Normal. It s super easy to read. Looks modern and has class and flair. Mark OT is a new geometric sans that is strong, simple and bold in form. It s roundess adds approachability while it s thickness adds strength and confidence. We use FF Mark (always in ALL CAPS) for headlines, and descriptor text to compliment Arnhem. + HEADLINE 2: MARK OT BOLD + LABEL: MARK OT REGULAR When Mark OT is unavailable or inaccessible (e.g. licensing, Google docs, Microsoft documents shared beyond 3Degrees), follow the same rules but use Arial. MARK OT ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN OPQRSTUVWXYZ LABEL IN ARIAL Headline in Georgia Subhead in Georgia Body copy in Georgia. It s super easy to read. Looks modern and has class and flair. 14

15 03 VISUAL IDENTITY COLOR GOLDENROD (PMS 116 U) CMYK RGB HEX FCB414 MED ORANGE (PMS 144 U) CMYK RGB HEX F6893C DARK ORANGE (PMS 1665 U) CMYK RGB HEX E96847 GRAY 1 (PMS 429 U) CMYK RGB HEX 93979D GRAY 2 (PMS 431 U) CMYK RGB HEX 757B82 GRAY 3 (PMS 433 U) CMYK RGB HEX 5B5C61 COLOR PALETTE - PRIMARY The mood of the color palette is meant to reinforce the tone of the brand: enthusiastic, approachable, optimistic, intelligent. The primary palette includes a range of mellow oranges with a complementary palette of cool grays. A sunny outlook on the future but with one foot firmly planted in reality. PROPORTIONS Yellows and oranges: We do not recommend using yellow for any copy on material that would be projected on a screen. Shades of gray: Sometimes it comes in handy to use different shades of gray as backgrounds in documents and presentations. As a general rule, grab our lightest gray and use it at a 15-25% transparency. Please reference the graphs at the right for a guideline to the ratio of color usage. 15

16 03 VISUAL IDENTITY COLOR TAUPE (PMS 451 U) CMYK RGB HEX 958F72 AQUA (PMS 3252 U) CMYK RGB HEX 36BEBC PROPORTIONS LIME (PMS 367 U) CMYK RGB HEX 90C96A NAVY (PMS 295 U) CMYK RGB HEX COLOR PALETTE - SECONDARY Because 3Degrees caters to a variety of audiences and industries, the secondary palette exists to supplement branded materials as needed. For example, the light green and teal might add energy and spunk to something, whereas the navy and muted olive could be used to add calmness and sophistication. The secondary and primary colors are not all meant to appear together, but to be used in various combinations depending on the direction of the piece. 16

17 03 V I S U A L I D E N T I T Y P H O T O G R A P H Y Warm. Quiet. Relatable. Cohabitation. Photography should take inspiration from the primary and secondary color palettes. Subject matter should reflect subtle instances of cohabitation between mankind and nature. Overall mood should be calm, confident and relatable to the audience. 17

18 03 VISUAL IDENTITY PHOTOGRAPHY PHOTOGRAPHY GUIDELINES Photography is one of the most important elements in the overall mood conveyed through design. The imagery is the first and last thing people remember on whichever medium. It captures the personality of our brand. Things to avoid: The following is a framework to follow when creating or curating images for our brand so that all associated works possess a definitive visual vernacular and a degree of visual continuity maintained throughout. Art direction ideas: + Using subjects in motion to provide energy to environments + Unique crop that leaves room for interesting composition, and ambiguity in the models identities + Graphic compositions using the environment + Subject offset from center (Position creates a unique composition for the story) + An interesting scenario of a natural situation, with a calm, thoughtful tone + Depth of field used to connect two subjects, leaving mystery to the story Appearing cliche, staged or overly posed Unrealistic and/or unrelatable utopia world Looking corporate Too much focus on the renewable technology Genre Lifestyle Environment The great outdoors or nature brought indoors Lighting Natural light (explore high key and flare as options) Wardrobe, props Composition Stylish, quaint, casual, patterns, down-to-earth Off centered, depth of field, clear focal point Nature by itself without subtle evidence of human/ animal cohabitation Poor lighting, poor quality and/or poor resolution Color Palette Oranges, greens (primary and secondary palettes) Other Themes International, diversity, business 18

19 03 VISUAL IDENTITY ICONOGRAPHY 1 st REC airplane press release phone energy green builder x water restoration wind industry risk renewable cell award barrel of oil bicycle address car cow government green power program up left right down check 1 check 2 business announcement community solar forestry landfill shopping CO 2 consulting person design developer target builder empower social global hydro carbon offset solar tidal trees truck USA grid location portfolio ICON LIBRARY Icons can be used as a means for breaking up bodies of copy and adding useful visual elements to illustrate various items. Whenever possible, use them to represent the appropriate label or close approximation. Generally the icons can be in goldenrod, but they also are available in gray. 19

20 03 VISUAL IDENTITY GRAPHICS CHARTS & GRAPHICS When formatting charts and graphs in Microsoft Word and PowerPoint, make sure you are using our brand typefaces and colors. To break through the grays and yellow-oranges, you can use colors from our secondary palette. 20

21 PART FOUR Voice & Messaging + The 3Degrees voice + Writing style Having killer content and amazing visuals is part of the package, but tone of voice is key in wrapping the entire message up in one effective and memorable bow. A tone of voice is not what you say, but how you say it. It is an expression of the people behind the brand. It both embodies and expresses the brand s personality. It should be distinctive, recognizable and unique.

22 04 VOICE & MESSAGING VOICE 3DEGREES VOICE PERSONA TONE (VIBE) LANGUAGE PURPOSE Smart Down to earth A leader Honest Confident Warm Straightforward Enthusiastic Of substance Educate Engage Empower We re smart, but casual. We handle a lot of regulatory jargon, information-dense nuances, but avoid being dry and overly technical to our audiences. We believe that a message is better when it s simple to understand. We do not use obscure or unknown terms that may alienate. Our own conviction makes us compelling. We do business from a place rooted in our deepest beliefs. We engage our audiences with compelling stories. We deliver the facts clearly and use descriptions that stir the imagination and emotions. But we are not excessive in our exclamations. We re genuine. We are confident in and proud of the quality of our offerings, but avoid over-embellishing or using buzz words that can sound like hype. We express ourselves warmly and personally. We are enticing but always natural, never contrived. We adopt an attitude of sharing that lets our innovation and enthusiasm shine through. We re optimistic, we re human. There s a sunny side to everything (see solar panels). We find it s much more productive to see the world through a glass half full to set and surpass our goals. When appropriate, we embrace humor and show our fun loving side. 22

23 04 VOICE & MESSAGING TONE TONE We aim for informal professional. Our words and voice are totally appropriate for a business situation, but are not stiff or overly formal. + We refer to 3Degrees in the first person (not third) + We use the pronoun we to describe 3Degrees + We use the pronoun our to describe 3Degrees (instead of its) RIGHT: 3Degrees is proud of our participation in this important initiative. RIGHT: We are proud of our participation in this important initiative. WRONG: 3Degrees is proud of its participation in this important initiative. ACTIVE VOICE Whenever possible, we use the active voice. The active voice is more powerful, direct and clear. ACTIVE: The critic wrote a scathing review. PASSIVE: A scathing review was written by the critic. 23

24 04 VOICE & MESSAGING WRITING STYLE WRITING STYLE We follow AP style, which can be described as down and open. This is a modern, streamlined style that minimizes capitalization (the down part) and punctuation (the open part). Numbers + Write out one through nine, use numerals for 10+. RIGHT: Ruth has six cats but Willa has 10. Words When in doubt, don t capitalize. + Job titles: only capitalize when they precede the person s name + Headlines: capitalize only first word and proper nouns + Department names: capitalize only specfic, not generic names RIGHT: Carbon Markets WRONG: Board of Directors + Do not capitalize a word just because you think it is important. + Do not capitalize a string of words that is commonly abbreviated, unless it is a proper noun. RIGHT: power purchase agreement WRONG: Power Purchase Agreement Punctuation Leave sentences open by minimizing punctuation. + No oxford comma RIGHT: Apples, oranges and bananas WRONG: Apples, oranges, and bananas + Minimize use of hyphens by combining hyphenated words when possible. Use hyphens in compound adjectives only when not using them would be confusing. RIGHT: website, kickoff WRONG: kick-off + Write out percent (not %). Bullet points + Always capitalize the first word after a bullet point. + If the bullet contains a complete sentence, end it with a period. + If it is a sentence fragment, no period should be used. + A list of bullets should either be all sentences or all sentence fragments (not a mix). Em dashes + You should never have more than two em dashes per sentence. + The em dash should have a space before and after the dash. RIGHT: If only we knew how to operate a sailboat we would be home by now. Other + Although our legal name is 3Degrees Group Inc., except for in legal documents, the company should be referred to as just 3Degrees. + Text is left justified, and we do not indent at the beginning of paragraphs. Instead we do a hard return at the end of a paragraph percent of the time, we do not use footnotes. Instead link to the source material. + Only one space after the end of a sentence (not two) 24

25 CONTACT Please don t hesitate, reach out to us with any questions at: brand@3degreesinc.com 25