Mear Brandbook

Brand book

Welcome to the Mear brand identity guide, a step-by-step guide to developing Mear’s visual messaging. Following the guidelines will ensure consistency in all of our visual communications and help increase brand awareness.

This is a living document, so it will be updated from time to time. Always make sure that you have the most recent version.

Our mission

Our mission is to give each person a creative space.

We want to show that each person is a creator of his or her own reality.

Our values

Independence

It's important to us that everyone feels connected to others, but still maintains their individuality.

Respect

Is an absolute quality that is necessary for the space everyone can find his place.

Evolution

We are a living ecosystem, which is why we combine personal and cooperative development.

Fun

Without fun, everything becomes too serious, and that's why we love fun.

Creativity Courage

Showing your creativity is an essential part of every person, that's why we support and share your creativity.

We believe that without courage, it is impossible to create something really cool.

Product overview

List of contents Brand visual assets Logo

Logo

Our logo has a combined type that combines a symbol and a typographic part. Its proportions, color and arrangement of elements must not be changed in any way. Do not try to recreate or change the original appearance of the logo. It can only be scaled as required by the size of the media.

List of contents Brand visual assets Logo

Logo safe area

Leave enough space around the logo for optimal visibility and impact. Protect its integrity by not placing it too close to other design elements.

To ensure a minimum protected area around the logo, leave as much free space on all sides of the logo as the height of the logo itself. This free space will also ensure that the logo is at a safe distance from the edge of the illustration in print and digital media.

List of contents Brand visual assets Logo

Gradient design in the logo

To properly apply color to the logo, you must first divide the symbol into 3 component parts. The gradient for each part of the logo is applied exactly as indicated in the diagram to the right. For the first part, use the colors from right to left from Galaxy Purple to Deep Blue. The second part is from Digital Cyan to Deep Blue. The third part is from Digital Cyan to Galaxy Purpl.

List of contents Brand visual assets Logo

Minimum logo size

To adhere to printing standards and ensure the logo looks good on printed and digital materials, follow these recommendations: For printed materials, the minimum height of the logo should be 10 mm. For digital media, the recommended height is 16 px.

10mm 16 px

Logo don’ts:

Inter is a classic web font. For us, it will be an additional font. Its use at the moment will be limited to the site, where it is necessary to maintain a strict system, as well as multi-language, which does not support our main font. Also on all non-English brand materials it is necessary to use it. Inter is an open source font that requires no additional purchase or licensing. You can download it here

The primary color for Mear is deep blue, which even in the gradient draws all the attention to itself. But just as important are two other colors that, when combined with blue, convey Mear's technological and at the same time creative focus. The dark dark blue creates an atmosphere for creativity, as late afternoon is the time of creative people. Finally, the white and gray-blue represent clearly composed thoughts through words, to be expressed in text.

List of contents Brand visual assets Corporate colors

Color usage

Dark Dark Blue is the base color, and we'll use other colors against it to create contrast. Our three primary colors are used for illustrations, infographics, website hovers, highlighters, color correction for photos, and more. But most importantly, don't forget about the proportion of all the colors. White is used for text, navigation and hover interaction, if we're talking about presentations, website, etc.

List of contents Brand visual assets Style elements

Style elements

Style elements represent the flow of digital data that is generated when different kinds of information are transmitted. Whether it is a file, an online broadcast, or a created virtual world.

List of contents Brand visual assets Style elements

Style elements

We have created 6 original patterns that can be used for a variety of tasks, from banners and posters, to website design, business documentation and other branded media.

In the future, it will be possible to develop ways to use patterns with photography, for example.

On the next slide we will explain in detail how to create a branding element.

List of contents Brand visual assets Style elements

Style elements

First we create one first line, then draw another line on top of it. It is necessary that the lines differ from each other in shape and be interesting, but this can be corrected after the second step.

Step two, use the Blend tool from one line to the other to create intermediate lines. Correct the lines so that the transition looks interesting and doesn't know how to make intermediate artifacts.

Step three, separate the transition we created using the Expand tab so that the lines we created are each individually.

List of contents Brand visual assets Style elements

Style elements

Step four, you need to take the pre-created brushes of the three primary colors and replace the stroke style making them look organic. You can't use more than three colors of one stroke in a row.

The fifth and sixth step is to copy the whole pattern twice and take it apart with the Expand tab so that the two copied patterns are transformed into outlines. After that, one of them should be blurred using the Effects - BlugGaussian Blur tab for 6 points. And the second blur on 1820 points. The one that is blurred more should be placed on the layer below, and the one that is blurred less on top of the main pattern. This manipulation will have a glow effect. Collect the 3 groups into one and you can export it for use.

List of contents Brand visual assets Photo stylization

Photo stylization

In order to stylize any photo, we created a pattern of the same brushes that symbolize flow and connection with the cosmos.

To create a smooth overlay, use the Blending options in the layer settings.

In the next examples, we used the same pattern, only with a perspective overlay.

List of contents Brand visual assets Photo stylization

Photo stylization

List of contents Brand visual assets iOS app icon

iOS Icon

List of contents Brand visual assets Bussines card

Bussines card

List of contents Brand visual assets Social networks

List of contents Brand visual assets Social networks

Discord

List of contents Brand visual assets Social networks

List of contents Brand visual assets Web Design

Web Design