top of page

THE BRAND

Mind Matters was created to increase access to mental health services for students and families. We want to provide a space where people can come together and learn about mental health and how to better themselves and help others

 

Our mission is to educate and raise awareness.

SELFCARE blob.png
BRAND ATTRIBUTES

Empower people to to make a change in their lives

Understand survivor's feelings, they are not alone

Shed light on a hope for cure

Divider 1.png
BRAND MARKS

BRAND MARKS

1 X

1.5 X

anatomy.png
LOGO VARIATIONS

Primary 

This mark is ready to use on any external properties.

Full Logo blue.png

Symbol 

This logo is for special circumstances such as social media profile pictures.

Symbol blue.png

Horizontal 

This mark may be used in circumstances where the name in the primary mark would become too small to be read effortlessly.

Horizonral blue.png

Wordmark 

The wordmark (horizontal or vertical) can stand by itself only in cases where the symbol is located somewhere in the finished piece.

Horizonral blue.png
CLEARSPACE

Clear space around the logo is equal to the full circle on the symbol. Besides respecting the clearspace, there are fo further placement guidelines.

clearspace.png
INCORRECT USAGE
Centered.png

Do not rearrange the symbol and the wordmark

typed.png

Do not type out the wordmark

Color.png

Do not change colors of different parts of the logo

all caps.png

Do not type the wordmark in all-caps

font.png

Do not use other fonts for the brandmark

Glow.png

Do not apply effects to the logo.

The Mind Matters brand mark is composed of contrasting organic and geometric shapes that are responsible for the broader brand story.

COLOR
Divider 2.png

COLOR

Colors are extremely emotive. Our extensive color palette composed of 20 different colors provides us the opportunity to create unique combinations - which mimics how, even though people might be diagnosed with the same mental disorder, they all have unique experiences. 

Asset 24.png
Asset 21.png
Asset 27.png
Asset 17.png
Asset 48.png
Asset 26.png
Asset 16.png
Asset 12.png
Asset 25.png
Asset 22.png
Asset 19.png
Asset 14.png
COLOR USAGE

In order to combine the colors effectively, the 20 colors were separated into 3 groups. While working on a product, pick only one color from each group.

​

Do not repeat colors from the same group.

Asset 13.png
Asset 49.png
Asset 23.png
Asset 18.png
Asset 32.png
Asset 31.png
Asset 36.png
Asset 33.png
Asset 29.png
Asset 28.png
Asset 30.png
Asset 35.png
Asset 38.png
Asset 37.png
Asset 39.png
Asset 34.png
Asset 47.png
Asset 44.png
Asset 40.png
Asset 41.png
Asset 45.png
Asset 42.png
Asset 46.png
Asset 43.png
Divider 3.png
TYPOGRAPHY

TYPOGRAPHY

Brandon Grotesque is our typeface, providing and approachable and friendly aesthetic to our brand communication. 

Headline 1: Brandon Grotesque Black

Size: X

Headline 2: Brandon Grotesque Black

Size: 0.77 X

Paragraph: Brandon Grotesque Regular

Size: 0.37 X

Although we only use one typeface, the fluidity and uniqueness of emotions are expressed by the different type treatments that make up our brand.

WAVE

Wave treatment can be used for quick announcements and self-care reminders, the text should always be centered. When creating the wave treatment, make sure to set it to 10% horizontal blend and 0% distortion.

Wave1.png
Wave2.png
OUTLINE

Outlined text is used when talking about emotions, moods, and mental disorders. 

When text size is set to 40pt, outline width should be set to 1pt. Text should always be lowercase.

Emotion.png
ART DIRECTION

ART DIRECTION

The goal of the conference's key visuals is meant to represent the fluidity of emotions and how they are constantly changing.

BLOBS

There should be a defining line across any visual that includes blobs. This will act as a horizon line to show depth in the work. The interacting blob should be partially behind the horizon line and overlapping in the front as shown to the right.

Screen Shot 2019-12-06 at 2.08.06 AM.png
Screen Shot 2019-12-06 at 2.07.45 AM.png
PHOTOGRAPHY

There is no use of photography in any promotional graphics.

SOCIAL MEDIA

A post format was created to display different types of information for social media posting.

With exception to topic highlights, all text should be placed on solid backgrounds to ensure the legibility of important information.

Screen Shot 2019-12-06 at 2.15.03 AM.png
INFORMATION
Screen Shot 2019-12-06 at 2.14.45 AM.png
TOPIC HIGHLIGHTS
Screen Shot 2019-12-06 at 2.14.37 AM.png
SPEAKER
Screen Shot 2019-12-06 at 2.14.27 AM.png
REMINDER
ANIMATIONS

Each type of social posts has a corresponding animation style.

Information/Speaker posts will show the blob with turbulent motion in within its environment.

info.gif
INFORMATION

 Reminder posts will animate into the image by appearing to fill in space similar to the way water does in a cup, except top to bottom.

Wave.gif
REMINDER

Topic Highlight posts are personalized to the word. For example, the word anxiety flashes to simulate the overwhelmingness of what's going on. The blob should move as it does in all other enviorments. 

Anxiety Blob.gif
TOPIC HIGHLIGHTS
bottom of page