Steer Brand Book

Page 1

01

Steer Brand Guidelines

BRAND GUIDELINES 2019


Steer Brand Guidelines

This brand manual has been designed as a part of the 7th Semster project “Brands of meaning� at Srishti Institute of Art, Design and Technology, Bengaluru, India by Ria Sharad Shah in 2019.

1


2

Steer Brand Guidelines


3

Steer Brand Guidelines

INSIDE THIS


4

Steer Brand Guidelines

S T R A T E G Y 05 Birth of Steer 06 Key Insights 08 What is Steer? 09 Brand Values 10 Archetype 15

I D E N T I T Y 19 Logo 21 Tagline 30 Typography 31

P I C T U R E 37 Color 39 Imagery 47 Illustration 51

A P P L I C A T I O N 53 Product 55 Collaborations 59 Corporate 63 Website 65 Advertising 67

M A P 69 Structure 72 Category 74 Google Interface 75 Bengaluru Map 77


5

Steer Brand Guidelines

THE BRAND


6

Steer Brand Guidelines

Steer was born from a simple thought of wanting to help someone who is not feeling like themselves lately and need someone to guide them. Essentially a friend you didn’t know you needed.


7

Steer Brand Guidelines

WHAT IS A MENTAL HEALTH DISORDER? The illness of the mind is known as mental disorder, this alters the way you think and behave. Basically when you feel and act strange but can’t understand why.


8

Steer Brand Guidelines

KEY INSIGHTS People are afraid to accept they suffer through mental illnesses. There is a fear of medication through psychiatry. Solutions need to come to them, than them going to a solution.


9

Steer Brand Guidelines

WHAT IS STEER? Steer is your guide that helps you get through all your moods, emotions, frustration tiredness or any other symptoms small or big , by providing unique solutions. We collaborate with other service providers who share the same passion and honesty as we do. So that we can bring the best to you.


10

Steer Brand Guidelines

BRAND VISION The society needs to be mentally healthier and empowered, and we aim to create that.


11

Steer Brand Guidelines

BRAND MISSION Strength to empower emotions and recover.


12

Steer Brand Guidelines

BRAND POSITION We understand that mental distress affects each person differently, and we are here to help them with solutions that are unique to that very individual.


13

Steer Brand Guidelines

BRAND CORE VALUES Unique and collaborated leaderships Consumer Empathy / Being Involved Exceptional Quality


14

Steer Brand Guidelines

TONE OF VOICE Any communication for steer needs to be Genuine, Empowering and Relatable. Make the audience feel as though they are understood and you are not a stranger. Helpful Caring Sympathetic


15

Steer Brand Guidelines

ARCHETYPE An archetype is defined as: “A primitive mental image inherited from the earliest human ancestors, and supposed to be present in the collective unconscious.” –– Carl Jung, Archetypes and the Collective Unconscious


16

Steer Brand Guidelines

SAGE ARCHETYPE Core desire: the discovery of truth Goal: to use intelligence and analysis to understand the world Greatest fear: being duped, misled; ignorance Strategy: seek out information and knowledge; become self-reflective and understand thinking processes Trap: can study issues forever and never act Gift: wisdom, intelligence


17

Steer Brand Guidelines

B R A N D C U LT U R E Sage archetype believes in spreading wisdom, seeking nothing but the truth and sharing knowledge. The main goal of a sage archetype brand is to use intelligence and analysis to understand the world. The brand culture is freedom of thought, conversation and problem solving.


18

Steer Brand Guidelines

USING THE ARCHETYPE Steer strives to research and use analysis to bring together the best options for its users and believes in problem solving through conversation as one of its key qualities. Hence while desinging any collaterals referring to the archetype is a must, to follow its brand values, tone of voice and design language.


19

Steer Brand Guidelines

V I S U A LTTH IH DEEE N T I T Y I DBERNATN I TDY VISUAL IDENTITY


20

Steer Brand Guidelines

The visual identity of steer has been carefully designed keeping it’s target audience and their headspace in mind, and therfore is simple and clean.


Steer Brand Guidelines

LOGO & NAME The origami fish is a symbol of happiness, well-being and freedom at the same time stands for the strength required to swim upstream. Steer means a guiding force, and stands for Strength to Empower Emotions and Recover. The logo and the word mark of steer are created to give a calm and positve look and feel to the brand. With an audience that needs the strength and clarity, the steer logo is the embodiment of the brand.

21


22

Steer Brand Guidelines


Steer Brand Guidelines

CLEAR SPACE To ensure that the logo has enough breathing space, legibility and prominence the clear space and minimum size needs to be maintained. 1. “x� height 2. Clear space 3. Minimum size

23


24

Steer Brand Guidelines

1.

2.

3.


Steer Brand Guidelines

SYMBOL The symbol can be used in place of the logo to make the design look minimal or when there are space constraints. 1. “x� height 2. Clear space 3. Minimum size

25


26

Steer Brand Guidelines

1.

2.

3.


27

Steer Brand Guidelines

INCORRECT USAGE Our logo is very important to us please and has been designed with care and understanding. Do not alter, tweak, or take any personal creative freedom that breaks the rules of this book.

Do not add any kinds of effects such as shadows, gradients, lighting etc.

Do not change the font, or typeface of the wordmark.

Do not angle it. It always needs to sit at 0 degrees.

Do not change the propotions of the text and logo.

Do not change the colors except to those mentioned in the book.


28

Steer Brand Guidelines


Steer Brand Guidelines

BLACK AND WHITE LOGO This logo must be used only if it is absolutely necessary.

29


30

LOGO AND TAGLINE The logo when accompanied with the tagline adds a greater impact, so if you want to recreate that continue keeping the clear space.

Steer Brand Guidelines


31

Steer Brand Guidelines

TYPOGRAPHY The typographic palette of fonts for steer are both clean and sharp. The typefamilies have been chosen for various reasons, however their geometric and simplistic letterforms have been the foremost reasons. Particulars about the typeface usage and specifications have been mentioned in the coming section, adherence is a must. All typefaces of the brand are available on “Google fonts�

1. Logo typeface. 2. Primary Typeface. 3. Secondary Typeface.


32

Steer Brand Guidelines

1.UNICA ONE Aa bb Cc Dd Ee Ff Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01234556789!@#$%^&*()/\|<>;:, Unica One is a condensed unicase sans serif style. The geometric style and sharp letter endings make the typeface simple as well as clear and expresses the brand tone. Unica One is reserved and has to be used only for the logo of the brand.


33

Steer Brand Guidelines

2. MONRESERRAT Montserrat is a geometric sans-serif typeface, and is the primary typeface of Steer, and is used as the body text, headers and sub header by pairing with different weights. Kerning, Spacing and tracking plays a crucial look in image of the brand by giving it the clean and classy look. Call to action, headlines and sub headlines can have a generous amount of tracking if required. Body text can be in any style except thin, extra light, black and Extra bold as long as there is clarity and visibility.

Monreserrat Thin

Monreserrat Semi Bold

Monreserrat Extra Light

Monreserrat Bold

Monreserrat Light

Monreserrat Extra Bold

Monreserrat Regular

Monreserrat Black

Monreserrat Medium


34

Aa Aa

Steer Brand Guidelines

THIS IS A HEADLINE EXAMPLE. Monteserrat Bold, Semi-Bold,Black 200 pt tracking Suggested leading 2.5 times > font size ALL CAPS

This is a body text example. Monteserrat Regular, Light 0 pt tracking Suggested leading 2.5 times > font size Sentence Case


35

Steer Brand Guidelines

3 . QUAT T RO C E N TO The Quattrocento Roman typeface is a Classic, Elegant, Sober and Strong typeface. This is Steer’s secondary typeface to create a contrast from the Primary typeface. It is currently being used as the tagline typeface.

Quattrocento Regular Quattrocento Bold

Aa

TOWARDS YOU, FOR YOU. Quattrocento bold 300 pt tracking Suggested leading 2.5 times > font size ALL CAPS.


36

Steer Brand Guidelines

IS YOUR PATIENCE AS THIN AS THESE PALM T R E E S L AT E LY ? All of us get lost in all this hustle-bustle, but sometimes we can get lost in our own heads. It could be fun to say goodbye to those bottled up emotions and have directions for once. We can try together. Find Steer locations around you now.

visit www.steer.org. in.

CALL OUT

BODY

HEADER


37

Steer Brand Guidelines

V I S U A LT H I DEE N T I T Y PICTURE THE PICTURE


38

Steer Brand Guidelines

Our colors, imagery and illustration all birth from the same seed of a happy place and allows us to paint our brand.


Steer Brand Guidelines

COLOR Colors give the brand a sense of character and creates a mood, The color pallete of Steer is inspired from images that remind people of a happy place. Positive. Transformative. Calm. These colors are a part of Steer apart from Black and white which can be used as text and background for all designs.

39


40

Steer Brand Guidelines

PANTONE 1235 C PANTONE 1635 C

PANTONE 5523 C

PANTONE 551 C

PANTONE 7491 C


41

Steer Brand Guidelines

PRIMARY COLORS Our most important color is the mango yellow, which can be used as the background or text color for most designs as long as the visibility is maintained. Our next Primary color is the violet which is mainly used as the text color but can also be used for other purposes.

CMYK 0 32 95 0

CMYK 57 88 42 33

RGB 255 183 27

RGB 98 45 80

HEX #febd11

HEX #622d50

PANTONE 1235 C

PANTONE 551 C


42

Steer Brand Guidelines

SECONDARY COLORS Baby blue, Orange and Olive green are all secondary colors and can be used in variations with the Primary colors according to the mentioned guidelines. Shades darker or lighter of Primary and Secondary colors can be used for light and shadow.

CMYK 29 10 16 0

CMYK 3 66 99 0

CMYK 55 33 95 13

RGB 182 206 208

RGB 238 118 35

RGB 1122 133 60

HEX #b6ced0

HEX #ee7623

HEX #788536

PANTONE 164 C

PANTONE 7491 C

PANTONE 5523 C


Steer Brand Guidelines

COLOR USAGE The logo and word mark should always be in one color, Primarily prefered happy yellow or white. The stroke color of the fish should always be the same as the backround or white. The color combinations made should reflect the brand values and its core words.

43


44

Steer Brand Guidelines

PRIMARY

REVERSE

DARK

SECONDARY


45

Steer Brand Guidelines

INCORRECT USAGE Our colors must be used with utmost care and not be altered or tweaked beyond the guidelines allow.

There should not be more than one color in the fish,

Do not have more than one foreground color and one backround.

Secondary colors should not be used on each other as background and foreground.

Do not apply dark shades together.


46

Steer Brand Guidelines


Steer Brand Guidelines

IMAGERY Steer aims at creating a happy place in one’s mind and allows a person to escape to that when they get overwhelmed. It is meant to reflect positivity and warmth. It can be elaborate or minimal based on the situation as long as it is comforting. The people in the imagery should not be in focus allowing our target audience to picture themselves.

47


48

STYLE If the imagery is set in outdoor spaces, then it is recommended to have a wide angle along with a human that makes the image relatable and captures the essence of the place or activity. If it is indoor imagery then it is recommended that you have close up shots that bring out the feel of the space or activity. The color scheme for the images needs to be warm.

Steer Brand Guidelines


Steer Brand Guidelines

49


50

Steer Brand Guidelines


Steer Brand Guidelines

ILLUSTRATION The illustrations for Steer are aligned with the brand imagery and color palette. The illustrations have been designed to make them look simple, minimalistic and not over powering, hence the style used is flat illustrations with flat colors.

51


52

Steer Brand Guidelines


53

Steer Brand Guidelines

APPLICATION


54

Steer Brand Guidelines

Steer aims to go beyond just one medium of making mental health solutions accessible. Therfore using the brand guidelines steer can expand into print, web or products.


55

Steer Brand Guidelines

Postcards

PRODUCTS Our products are all carefully thought according to mood and emotion of a person and attempt to have a small impact. Such as journals that help them express, postcards which could be sent, posters that remind them of a certain idea etc.


56

Steer Brand Guidelines


Posters

Journals


58

Steer Brand Guidelines

Bags

Mugs


59

Steer Brand Guidelines

COLLABORATIONS These applications are for places that steer partners with such as colleges, organizations, cafe’s etc. Objects such as badges/t-shirts are designed for volunteers.

Store front signs


60

Steer Brand Guidelines


Steer Brand Guidelines

Badges

T-shirts

61


62

Steer Brand Guidelines

Table top advertisment


Steer Brand Guidelines

CORPORATE IDENTITY This identity is for more of the business end of it and can be used while finalizing collaborations.

63


64

Steer Brand Guidelines


Steer Brand Guidelines

WEBSTITE Our website is a medium for people to find solutions at the same time, donate, volunteer and find out more about the brand.

65


66

Steer Brand Guidelines


Steer Brand Guidelines

ADVERTISING If advertising we maintain the feeling of a happy place and make it welcoming without the focus shifting from educating the audience.

67


68

Steer Brand Guidelines


69

Steer Brand Guidelines

STEER MAP


70

Steer Brand Guidelines

Research suggests that there are more ways than therapy and psychiatry to treat someone who is mentally ill. Steer brings together these solutions in a tangible format to various spaces through the Steer map.


Steer Brand Guidelines

HOW IT WORKS The steer map educates people about mental health, symptoms and the available solutions around them. The map will be availabe in various places like a college counsellor, cafe tables, hospitals, workshops, events etc. There are new issues every 2 months which allow people to get updated with different kinds of solutions around them. The map acts as guide for someone by fidning a solution that works best for them, with its integration with google maps it allows you to understand distance and description.

71


72

Steer Brand Guidelines

STRUCTURE AND STYLE The map is spread across an A2 sized sheet of paper that is printed on both sides, which folds into A6. Components include: Categories of Solutions Description of mental health and symptoms. Advertisments/Promotions The style needs to be simple and must follow the brand guidelines while the theme may differ according to city or content in each issue.

ICONS The icons should maintain the circular style and should be easily recognizable.


Steer Brand Guidelines

COLLABORATIONS Each organization, restaurant, hospital, community space etc. need to be well researched about and have to be genuine service providers before collaborating with Steer. Going to the collaborated spaces via Steer allows the audience to avail a free session or discount on their first order.

73


74

CATEGORIES There are 6 categories and these need to be mainted while reproducing it for any other city. Therapy & Counselling Hospitals & Addiction Hobbies & Activities Community & Togetherness Food & Nutrition Help & Volunteer

Steer Brand Guidelines


Steer Brand Guidelines

GOOGLE MAPS Each place on the map must be integrated with google maps along with a legend and description, which can be displayed through a QR code.

75


76

Steer Brand Guidelines


Steer Brand Guidelines

77


78

Steer Brand Guidelines


Steer Brand Guidelines

79


80

Steer Brand Guidelines


Steer Brand Guidelines

81


82

Steer Brand Guidelines

find your happy place.


Steer Brand Guidelines

83