Nuanced Media Brand Guideline

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