1
Corporate Identity Guidelines Apil 2016
Nuanced Media. Corporate Identity Guidelines
April 2016
2
Welcome Nuanced Media is a full-service digital marketing agency specializing in website design and development, marketing, and branding. Use this guide to understand how we communicate Nuanced Media brand.
Nuanced Media. Corporate Identity Guidelines
April 2016
3
Contents
Introduction Letters from the Team Who We Are Brand At Glance
Elements 5 6 7
9 10 11
13 14 15
Typography Typeface Font Sizes and Weights Text in Use
Nuanced Media. Corporate Identity Guidelines
April 2016
Letterhead and Envelope 25 Resume and Business Card 26 Presentation Slides 27
Copy
Colors Primary Colors Complimentary Colors Color Ratio
21 22 23
Templates
Logotype Our Logo Clear Space and Sizes Logo Misuse
Icons Patterns Imagery
17 18 19
Our Voice Copy Style Writing Specifications
29 30 31
4
Introduction
Introduction
Nuanced Media. Corporate Identity Guidelines
April 2016
Introduction
Ryan Flannagan, Founder and CEO I would like to thank you for taking the time to get to know Nuanced Media brand better. The brand is more than just name or logo. The guidelines for our products and services are part of much larger effort - to build awareness, understanding and belief in Nuanced Media brand. We built it to last. With the launch of this brand guideline we will ensure that our marketing tools have the same overall look and feel. Through this new brand guideline our team, consumers and partners will receive clear and consistent messaging what is to live our brand and make meaning through our work.
Nuanced Media. Corporate Identity Guidelines
5
Letters from the Team
April 2016
Nikita Babichev, Graphic Designer Dear friends, I’m proud to present you our Nuanced Media brand guide as a visual system that communicates the heart of our work. Each company builds its own brand because identities are the basis of how we, as people, relate to each other. We hang out with the personalities that we like, that make us laugh, that appeal to us. The foundation of Nuanced Media identity begins with the name, and is strengthen by visual and written elements. We strive to make sure that Nuanced Media is a brand people can trust. I would like to thank to all of you who pushing us forward by setting new goals.
Introduction
Who We Are
Nuanced Media’s experienced staff focuses on creating continued business growth for our clients. Our marketing team determines which market segments are most likely to seek the client’s products and services, while blending extensive knowledge of internet resources with innovative marketing methods. Our design and development team crafts sleek, purpose-built websites. Along with supporting staff, our team works together to produce the best possible results for our clients. We excel based on research, due diligence, client collaboration and most importantly, innovative thinking. Our team of designers, writers, strategists, and developers follow various market trends and technological advancements to learn how to subtly differentiate our clients from the rest. What makes Nuanced Media so successful, and has pushed our growth over the past five years, is our partnership with our clients. We work alongside our clients, gathering their feedback at every step of the process. We seek to build long-term fruitful relationships, continuing to help our clients long after their website or marketing campaign has launched. Nuanced Media believes that this collaborative and committed effort produces the best results.
Nuanced Media. Corporate Identity Guidelines
April 2016
6
Introduction
Nuanced Media. Corporate Identity Guidelines
7
Brand At Glance
Nuanced Media Black
Nuanced Media Teal
Nuanced Media Grey
HEX
#212221
HEX
#3FD4AD
HEX
#E6E1E5
RGB
34 34 34
RGB
63 213 184
RGB
231 225 230
CMYK 72 65 65 72
CMYK 62 0 45 0
CMYK 8 9 5 0
PMS
PMS
PMS
419 C
3385 C
663 C
DIN Light
DIN Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
April 2016
Logotype
Nuanced Media. Corporate Identity Guidelines
April 2016
Logotype
Our Logo
Our logo is a very valuable member of our brand. It is a guarantee of our quality and we treat it nicely. It looks bold and clean either on dark or light background. On our teal background logo has to be black. There are two versions of our logo. Main version is used for: • Stationary • Presentations • Marketing Tools/Ads Secondary version is used for: • Website Footers • Samll Items • Icon or Favicon
Nuanced Media. Corporate Identity Guidelines
April 2016
9
Logotype
Clear space frames the our logo, separating it from other elements such as text, imagery and the outside edge of the canvas. Clear space indicated is the minimum.
10
Clear Space and Sizes
0.5x
0.5x
0.5x
0.5x
X X 0.5x
0.5x 0.5x
0.5x
To maintain full legibility, never reproduce the logos at sizes smaller than specified. 1� / 100px
Nuanced Media. Corporate Identity Guidelines
April 2016
0.5�/50px
Logotype
Any modification of our logos confuses of their meaning and diminishes their impact. The examples shown here illustrate misuses of Nuanced Media logo that should be avoided.
Nuanced Media. Corporate Identity Guidelines
Logo Misuse
11
nuancedmedia Don’t stretch
Don’t use other than core colors
Don’t retype or redraw
Don’t skew
Don’t colors
Don’t use drop shaddow
Don’t rotate
Don’t fill with gradient or imagery
Don’t use without enough contrast
Don’t rearrange elements
Don’t outline
Don’t use over busy background
April 2016
12
Colors
Colors
Nuanced Media. Corporate Identity Guidelines
April 2016
Colors
Our colors serve as a foundational palette that works universally. Made up of black, light gray and teal, these colors balance visual expressions. Our black and light gray is a classic combination showing our commitment to high quality standards while our teal energizes them with innovative and technology touch (feel).
Nuanced Media. Corporate Identity Guidelines
13
Primary Colors
Nuanced Media Black
Nuanced Media Teal
Nuanced Media Grey
HEX
#212221
HEX
#3FD4AD
HEX
#E6E1E5
RGB
34 34 34
RGB
63 213 184
RGB
231 225 230
CMYK 72 65 65 72
CMYK 62 0 45 0
CMYK 8 9 5 0
PMS
PMS
PMS
April 2016
419 C
3385 C
663 C
Colors
Our secondary colors span the primary color palette. They have been selected with the same precision as our core colors to work well in combination, and to enable a full range of visually engaging communications. Try to avoid using more than two supporting colors with our primary colors.
Nuanced Media. Corporate Identity Guidelines
14
Complementary Colors
Nuanced Media Sage
Nuanced Media Beige
Nuanced Media Brick
HEX
#005744
HEX
#FFC556
HEX
#592D2D
RGB
0 87 68
RGB
255 198 86
RGB
90 45 44
CMYK 94 40 76 36
CMYK 0 24 75 0
CMYK 43 77 69 53
PMS
PMS
PMS
7729 C
135 C
Nuanced Media Mid Gray
Nuanced Media Dark Gray
HEX
#7F7E73
HEX
#525249
RGB
127 127 115
RGB
82 83 73
CMYK 51 42 52 10
CMYK 62 54 64 36
PMS
PMS
April 2016
416 C
418 C
7631 C
Colors
Use the ratio pie chart to make sure you’re balancing our colors correctly. Case by case, color ratio depends on the individual application
Color Ratio
15
25% 5% 5% 25%
5% 5% 5%
25%
Nuanced Media. Corporate Identity Guidelines
April 2016
Typography
3.1 Primary Typeface
Typography
Nuanced Media. Corporate Identity Guidelines
April 2016
16
Typography
When it’s used thoughtfully, typography is a powerful brand tool that can add visual meaning to what is communicated. Our DIN typeface communicates clearly and cleanly, and is flexible for a full range of media. Its’ geometric structure shows sound and reasonable base behind all our desicions.
Nuanced Media. Corporate Identity Guidelines
17
Typeface
Aa Aa April 2016
DIN Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
DIN Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Typography
Consistency across media reinforces our brand’s impact. The specified type sizes illustrate the approved recommendations for for digital media. Header H1 uses DIN Medium font, all other headers and body text use Din Light font
Font Sizes
H1 Header 36pt/48px/3em H2 Subheader 24pt/32px/2em H3 Subheader 18pt/24px/1.5em
H4 Subheader 14pt/19px/1.2em
Body text 12pt/16px/1em
Nuanced Media. Corporate Identity Guidelines
April 2016
18
Typography
In printed materials we like to stick to these general guidelines for ratio, size and style of the elements.
Text in Use
19
This is a Header DIN Medium 18 pt This is a Subheader DIN Light 14 pt This is a Body text DIN Light 12 pt. Praesent tortor mollis lorem, massa sit convallis gravida amet urna quis, dapibus felis in, facilisis lacus varius mi Praesent tortor mollis lorem, massa sit convallis gravida amet urna quis, dapibus felis in, facilisis lacus varius. 1. This is an Ordered list DIN Light 12 pt. Quis, dapibus 2. Amet urna quis, dapibus felis in, facilisis lacus tortor mollis lorem massa. 3. Felis in, facilisis amet urna quis, dapibus felis in, facilisis lacus tortor mollis lorem massa sit convallis gravida. This is Emphasized text DIN Light Italic 12 pt, massa sit convallis gravida amet urna quis: • This is Unordered list DIN Light 12 pt. Mollis massa sit convallis gravida acilisis lorem, massa sit convallis gravida amet urna quis facilisis; • Mollis massa sit convallis gravida acilisis lorem, massa sit convallis gravid; • massa sit convallis. This is a Quote example DIN Light 12 pt. Praesent tortor molis facilisis lorem, massa sit convallis gravida amet urna quis, dapibus felis.
Nuanced Media. Corporate Identity Guidelines
April 2016
20
Elements
Elements
Nuanced Media. Corporate Identity Guidelines
April 2016
Elements
Icons
Our icons play play an integral part in Nuanced Media branding design. They are simple, modern and fun. They communicate our ideas in a visual and easy to comprehend manner. Icons can appear in any of our primary colors.
Nuanced Media. Corporate Identity Guidelines
April 2016
21
Elements
Patterns
Our visual system incorporates another device that helps us achieve consistency accross the media, the triangle surface pattern. Its organic structure reinforces our unique nature, while creating a metaphor for the digital content that surrouns us every day. IWhen used correctly, it subtly conveys a sence of solid and sophisticated base without distracting from the main focus on the page or element.
Nuanced Media. Corporate Identity Guidelines
April 2016
22
Elements
Imagery
Nuanced Media uses photography in order to communicate the brand image to the audience. Both inhouse and purchased stock images must be of high quality. Many of our layouts include photo behind the text. In this case we use tint or blur or their combination. Tint is a solid color with 30% opacity for better legibility of the text. Blur range for images is 4px to 16px depending on application and image quality.
Nuanced Media. Corporate Identity Guidelines
April 2016
23
24
Templates
Templates
Nuanced Media. Corporate Identity Guidelines
April 2016
Templates
Letterheand and Envelope
Our letterhead and envelope templates are clean, simple and easy to produce. They for sure deliver the correct emphasize to the recipient.
Nuanced Media. Corporate Identity Guidelines
April 2016
25
Templates
Resume and Business Card
Our personal stationery like resume and business cards is consistent with Nuanced media brand. We use our primary colors and logo as a reinforcement.
Ryan Flannagan Chief Executive Officer
EDUCATION
PERSONAL STATEMENT
Masters in Business Administration Washburn University, Topeka, KS Bachelor of Arts in Communications University of Arizona, Tucson, AZ Bachelor of Arts in Spanish University of Arizona, Tucson, AZ
SKILLS • Business Development & Sales • Marketing Campaign Design • Business Strategy & Vision • Conversion Optimization • Lead Generation & Customer Acquisition • Innovation & Thought Leadership • Emerging Technologies & Trends • Civic Leadership & Engagement • Revenue Model Analysis & Forecasting • Startup Consulting & Best Practices • Public Speaking
Leader for all executive duties and management solutions, including building client relations and creating strategic vision for the agency. Leads Nuanced Media’s business consulting, web development, and marketing teams. Collaborates with clients and advises on product idealization, business stratagem, brand management, customer relations, media outlets, and brand awareness. Designed, developed, and implemented numerous impactful marketing campaigns, while utilizing varied media such as social, new, traditional, and digital. Increased profits and return on investment for client companies via business consulting, brand image and awareness, and marketing campaigns.
TECHNOLOGIES KeyNote Prezi Pages MS Office Suite Adobe Design Suite BaseCamp Wrike Mac & Windows OS HTML Drupal Wordpress
HubSpot Google Docs Excel Google Adwords Google Analytics MOZ SEMRush Link Research Tools SerpBooks QuickBooks Ahrefs
Ryan Flannagan
Nuanced Media, Tucson & Phoenix, AZ Chief Executive Officer
ryanflannagan@nuancedmedia
April 2016
Tucson, AZ 85701 17 E. Pennington St.
• Built client base representing over 1.75 billion in revenue and executed over 150 client campaigns focusing on brand, lead generation, and customer acquisition for companies of wide ranging industries; • Develops and implements new business, marketing, technological, and fundraising strategies for startup companies based on analysis of potential market; • Strategically developed and launched over 100 digital properties incorporating user experience, conversion optimization, and analytics to increase lead generation, customer experience, and acquisition; • Established highest rated and reviewed digital marketing agency in the State of Arizona on Google+ and Shopper Approved.
• Developed more than 15 new products for various clients; • Negotiated a strategic partnership with the World Company involving high-level marketing campaigns; • Successfully launched 3 major Myriad products. Audible.com, Newark, NJ Market Consultant • Identified market potential in the continual education field; • Delivered analyses on more than 20 continual education sectors; • Key contributor of market and marketing strategy. Next India, Annasalai, Chennai Customer Care Consultant
888.439.6759 ryanflannagan@nuancedmedia.com
888.981.9564
Founder & Chief Executive Officer
• Delivered up to 6 training classes daily to more than 30 employees; • Acquired extensive international experience; • Achieved recognition of Highest-Ranked Trainer.
Phoenix, AZ 85034 1027 E. Washington St. #107
web | marketing | brand
CAREER
Myriad Tech, LLC, Lawrence, KS President
Nuanced Media. Corporate Identity Guidelines
26
linkedin.com/in/ryanflannagan twitter.com/ryanflannagan
nuancedmedia.com
contactus@nuancedmedia.com
Templates
Presentation Slides
Presentations is one of our primary means of communication and it is essential that every slide be a consistent reflection of our brand identity.
27
Site Map
4
Home
Services Archive
About
Karp & Weiss Mockups
|
FAQ
Media
Blog
Media Post
Blog Post
Version 1.0
Landing Page
Primary Navigation
Sub-Navigation / Content
nuancedmedia.com
Agenda
Client Meeting April 10th, 2016
3
1. 2. 3. 4.
Review Importance of Personas Steps to Create Templates • Discuss sections • Complete when possible 5. Next Steps
nuancedmedia.com
Nuanced Media. Corporate Identity Guidelines
April 2016
28
Copy
Copy
Nuanced Media. Corporate Identity Guidelines
April 2016
Copy
Our Voice
29
Our products and our relationships is fundamental to how our brand is perceived. Our voice is the personality that reflects the underlying character our customers and partners have come to expect. It is vital to be consistent as we both build and reinforce the brand with every communication. Nuanced Media voice is honest, visionary, smart, and caring. Analogues to our brand personality attributes: genuine, innovative, exceptional, and involved. Our voice seeks to foster an emotional connection with customers. Therefore, it must contain life and compel a reaction. We speak conversationally. We express a passion for technology but an understanding that innovation is nothing without customer benefit. We have a strong voice that understands customer needs, leads changes, and commands trust.
Nuanced Media. Corporate Identity Guidelines
April 2016
Copy
Our Style
We value clarity above all, and strive to achieve it with brief and concise prose. Occasions will arise when the breaking of a grammatical rule is necessary to deliver the desired impact, particularly in our marketing and advertising communications. Online communications should also be written in a style that adheres to our search engine optimization (SEO) strategy. We express the written copy of Nuanced Media in a style that is: • • • • •
Nuanced Media. Corporate Identity Guidelines
April 2016
Conversational, yet professional Informative and educational—never condescending Empowering and helpful Calmly confident Passionate and spirited about customers’ needs, but not anxious or over-excited
30
Copy
Writing Specifications
31
Following are general style guidelines on how we address specific elements of our communications and collateral. Sentence • Strive to keep sentence length below 25 words • Optimal length for paragraphs is less than 50 words • Headers especially on hero image is limited, so messages should generally focus on one point and be brief: 7 words is OK, 4 is better • Use sentence case Punctuation • Headlines and subheads generally do not require the use of a period unless a period is used for style emphasis. Maintain consistency of use on all pages. • Exclamation points should be used only sparingly • Bullets generally do not require the use of a period, except in collateral where bullets can be longer and should follow standard grammatical rules. Links • Treat links as calls to action that trigger the reader to go deeper • We generally do not use in-line links (i.e., links embedded within copy), but treat links as buttons
Nuanced Media. Corporate Identity Guidelines
April 2016
Corporate Identity Guideline, April 2016 Design and Production by Nikita Babichev Nuanced Media Logo by Alec Nickell
33
Contacts
Nuances Matters If you just read these guidelines, you have our appreciation. It means you share our belief in details and quality. If you’re ever in doubt, just reefer back to this document or you can always ask a fellow designer.
Nuanced Media. Corporate Identity Guidelines
April 2016
34
Contacts
888.439.6759 contactus@nuancedmedia.com Nuanced Media. Corporate Identity Guidelines
April 2016