Målleus Guidelines Template

Design & Brand Guidelines

Ver. 1.01 – August 2019

MÃ¥lleus Brand Manual

v.1.01 April 2019

Content Brand Overview Logotype Typography Text Hierarhy Color Palette Stationery Grid System Images Iconography Summary p.4-7

p.8-9

p.10-11

p.12-13

p.14-17

p.18-21

p.22-25

p.26

p.27

p.2

MĂĽlleus Brand Manual

v.1.01 April 2019

2 – 3

Brand Overwiew 1.

We are pleased to present you the new visual style of Malleus. With the development of our brand, we feel the need to update the existing style. We did a lot of work to keep the brand recognizable, but add a new perspective to it so that we can keep up with the times. Undoubtedly, the updated style leadership will serve as a springboard for achieving new heights of our company.

2.

The guideline contains complete instructions on the proper use of the logo, typography and images. You will also find a grid system for both printed and digital products, a system of icons Before you start developing products related to our brand, please read this manual carefully. If you have any questions, contact us with any convenient way.

and stationery. By adhering to these rules you will always get high quality, and you will also be sure that the brand is presented as it should be.

MĂĽlleus Brand Manual

v.1.01 August 2019

Logotypes The logo is the main element of the entire visual style. Proper use is the main condition when using the logo. The updated logo consists of two parts - graphic and text, each of which can be an independent element.

1.

Primary Logomark

Part A

Graphic part of the updated logo. Is the main part of the logotype.

MĂĽlleus Part B

The secondary part of the logo is a text part. Part B is not used as a separate part.

Attention

Despite the fact that the logo can be used as two parts at the same time or separately part A - there is an additional option for how the logo behaves depending on which object it is located.

www.ma.com/logotype

Logomark

B/W Version

Logotype

4 – 5

When you use a logo, its location relative to the resident objects is important. Incorrect use may result in the logo losing its properties among other elements.

2.

01

Clearspace

02

Primary Logo Minimum Size

03

Logomark Minimum Size

The main thing you should pay attention to is the clean space near the logo. Observe the values shown in chart 01. This ensures that the logo will work correctly between other elements.

When used in a logo in printed products, do not use the logo in smaller sizes than indicated on 02-03.

Thus, you always keep readability and recognition of the mark.

01

Х Х

02 If you have some missing fonts that are available Google Fonts)

Х

03

Х

MĂĽlleus Brand Manual

v.1.01 August 2019

Logo Variants

3.

For the logo there are 4 types of background on which it can be placed.

In other cases, the logo will not work correctly.

Regular

Black & White

Colorful

Inversion

6 – 7

Logo Misuse

Primary Logomark

4.

Most often the logo is used incorrectly.

This leads to a negative reaction to the positioning of the brand in the market.

Below are the main mistakes that make when using the sign in various situations. Be sure to check if you have

made such mistakes. Even insignificant missing of the rules of gadlan can lead to a significant deterioration in the quality of the product.

Color change

Change individual parts

Arbitrary proportions

Swap parts

Changing the fill style

Shape change

Wrong indents

The use of transformation

MĂĽlleus Brand Manual

v.1.01 April 2019

Typography 1.

Typography plays a pivotal role in the Malleus style. Using this range correctly allows us to create easily identifiable messaging that is clear from distraction.

Our main font is San Francisco Text Pro. This is a modern, strong and versatile font that perfectly reflects the style of our brand. The font has a wide range of different styles that allows you to

create excellent font designs. The use of one or another style depends on the task you are doing. For confidence, refer to page 10 for learning all the relevant styles.

Additional fonts are PT Mono This allows you to add accents to the font hierarchy. We do not use a large number of styles for this font, which does not create additional difficulties.

Aa

www.ma.com/fonts

Download the font family. Do not forget about the availability of copyright and restrictions on the use of these fonts.

8 – 9

Weight

Primary Typeface

The main font of our brand. San Francisco PT Text - typeface groove new typeface. Confident with touchy lines give the brand loyalty and sustained style.

San Francisco abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\

Secondary Typeface

PT Mono uses an equal width of characters, which contributes to a clear display of information both web projects and in printed products. Delivered only in a single outline - Regular.

PT Mono abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\

Målleus Brand Manual

v.1.01 August 2019

Text Hierarchy

Asymmetry is the rhythmic expression

of funtional design.

In addition to being more logical, asymmetry has

H1 SF Pro Text Bold Size: 37pt Leading: 44,4pt Tracking: 0

SH1 SF Pro Text Semibold Size: 25pt Leading: 29pt Tracking: 0

the advantage that its complete appearance is far more optically effective than symmetry.

H2 SF Pro Text Light Size: 19pt Leading: 22pt Tracking: 0

We cannot alter the essential shape of a single letter without at the same time destroying the familiar printed face of our language, and thereby rendering it useless.

Standardization, instead of individualization.

PT1 SF Pro Text Semibold Size: 10pt Leading: 14pt Tracking: 0

Cheap books, instead of private press editions. Active literature, instead of passive leather bindings. The book designer strives for perfection;

PT2 PT Mono Regular Size: 10pt Leading: 14pt Tracking: 0

yet every perfect thing lives somewhere in the neighborhood of dullness and is frequently mistaken for it by the insensitive.

The works of ‘abstract’ art are subtle creations of order out of simple contrasting elements.

ST SF Pro Text Regular Size: 8pt Leading: 11pt Tracking: 0

Jan Tschichold

10 – 11

Usage

3.

Used styles

The main font San Francisco has a large set of outlines. However, the style of Malleus implies the use of some of the

bottom to create the right accents and hierarchies of text.

San Francisco Pro Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\ San Francisco Pro Semibold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\ San Francisco Pro Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\ San Francisco Pro Light abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\

PT Mono Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!@£$%^&*()_+[]“‘{}«\

Målleus Brand Manual

v.1.01 April 2019

Color Palette 1.

Color plays a huge role in how your audience perceives you. Whether you’re running a small business as a solopreneur, or working in a big corporate, your business has a brand.

The main color of the brand is sky blue.

For special cases, a gradient from sky blue to dark blue is used.

Primary Color: Sky Blue RGB: R20 G20 B210 CMYK: C100 M87 Y0 K0 Pantone: 115-7U HKS: 45E

Gradient: Sky Blu – Dark Blue

RGB: R20 G20 B210 – R0 G20 B50 CMYK: C100 M87 Y0 K0 – C96 M85 Y47 K62 Pantone: 115-7U – 111-8U HKS: 45E – 41E

12 – 13

Secondary Colors

2.

The black color is the absence of color. The color black represents strength, seriousness, power, and authority.

Black is a formal, elegant, and prestigious color.

Red is used to highlight accents.

Secondary Color: Black RGB: R0 G0 B0 CMYK: C0 M0 Y K100 Pantone: P179-16U HKS: 88E

Secondary Color: White

Secondary Color: Light Grey

RGB: R0 G0 B0 CMYK: C0 M0 Y0 K0

RGB: R239 G239 B239 CMYK: C5 M3 Y3 K0 Pantone: 179-1U

Accent Color: Dark Red

Accent Color: Red

RGB: R221 G34 B29 CMYK: C7 M99 Y100 K1 Pantone: P55-8U HKS: 15E

RGB: R240 G33 B43 CMYK: C0 M99 Y91 K0 Pantone: 55-7U HKS: 14E

Målleus Brand Manual

v.1.01 August 2019

Stationary 1.

For our brand has developed a complete set of stationery and includes a letterhead, business cards, an envelope.

lancetfish Garpike 01

Pacific albacore bullhead shark yellowfin pike flying gurnard herring; ghost fish. Garpike squarehead catfish plaice longnose lancetfish Black sea bass dragonet.

Greeneye Pacific herring southern grayling, Modoc sucker salamanderfish ghost fish.

Redfin perch. Bigeye zebra shark zebra lionfish mud cat pikeperch Razorback sucker filefish Sacramento splittail armoured catfish bigscale Asiatic glassfish.

Blacksmelt Ratfish, "Cherubfish," beachsalmon white shark Old World knifefish. Hillstream loach: European chub hawkfish Alaska blackfish, seamoth mackerel shark duckbill bluegill barbeled dragonfish.

Bass pirarucu shortnose sucker hawkfish, electric catfish steelhead hammerhead shark dwarf loach greenling zebra bullhead shark trevally razorfish round herring wallago saw shark. Sarcastic fringehead arowana hake tiger shark Black swallower giant sea bass lightfish manefish. Piranha steelhead masu salmon gray mullet garibaldi sea dragon! Long-finned char; hairtail South American.

Vitaly Velygo CEO

Properties Dimensions: 297x210/DIN A4 Color Mode: CMYK Material: 120g U

Bern Waisenhauspl 26 SG-3011

Bern Waisenhauspl 26 SG-3011 Switzerland + 41 44 897 — 7529

2091 Mission St, San Francisco, CA 94110 USA + 91 56 384 — 6758

Bern Waisenhauspl 26 SG-3011 Switzerland + 41 44 897 — 7529

2091 Mission St, Sa CA 94110 USA + 91 56 384 — 675

an Francisco,

58

14 – 15

Business Card

Details

2.

For product, the appearance and details of the correct arrangement of elements are determined. When developing new materials, use similar products. Size, color and fonts are paramount.

CEO

Bern Waisenhauspl 26 SG-3011 Switzerland + 41 44 897 — 7529 www.maleus.com

Properties

Dimensions: 3.5"x2" Color Mode: CMYK Material: 600g Cotton Paper

nicco@maleus.com

Målleus Brand Manual

v.1.01 August 2019

Envelope

Y

Vitaly Velygo Company Proposal Bern Waisenhauspl 26 SG-3011 Switzerland + 41 44 897 — 7529

Х

2091 Mission St, San Francisco, CA 94110, USA

Properties Dimensions: 297x210/DIN A4 Color Mode: CMYK Material: 120g U

16 – 17

Logo Placement

Details

Logo, location information, contact information, indents, safe zone - all this is strictly regulated by this manual. Please note that you can not place the logo in any other way, besides as indicated in the example. You can use the logo in black and white, as well as the options described on pages 6-7.

01 Acceptable Placement

Х

02 Preffered Placement

Х

MĂĽlleus Brand Manual

v.1.01 August 2019

Grid System 1.

All elements of corporate identity are arranged in accordance with the selected grid system. Our materials use 6 different types of columns, which are used depending on the tasks.

Images, logos, tables and other elements should be underlined grid. This will ensure the purity and hierarchy of the final product.

18 – 19

Layout

1

Columns Use 2, 4, 6, 8, 10 and 12 columns for layout

2

3

4

5

6

7

8

9

10

11

12

MĂĽlleus Brand Manual

v.1.01 August 2019

Mobile & Web

1.

01 Website

02 Presentation Guideline

Placement

The action of the grid is distributed not only to printed materials, but also to digital materials, such as a website and mobile applications. Below are the preferred location of elements for a website or landing page. It is allowed to deviate from the rules of management in the event that it is impossible to solve the problem and to observe that no other points of this manual will be violated.

20 – 21

Mobile & Web

2.

Devices

For developing grace materials that are used on tablets and mobile devices, it is preferable to use a grid with columns in the amount of from 4 to 12. We have developed a number of templates for the most popular devices. Download and use them.

– iOS Mobile – Android Mobile

www.ma.com/devices

01 Acceptable Placement

– Laptops – Tablets

MĂĽlleus Brand Manual

v.1.01 April 2019

Images 1.

This section of the manual describes the proper use of images, color overlays, watermarks and logo. Images help the brand to adhere to style and maintain awareness.

Guided by these tips, you follow the rules of the brand. The overall style, design and all created materials will look stylish and modern.

We have developed several typical situations for placing watermarks.

Schematic mapping you can find below

Business Card

18 – 19

MĂĽlleus Brand Manual

v.1.01 August 2019

Black & White Style

2.

01

Black&White

Placement

Black and white images are a big part of our style guide. We have developed several personalized effects for use in Adobe Photoshop and Lightroom.

Attention. Do not use third-party actions or manual adjustment of black and white images. This affects sharpness and contrast and overall perception. Images should not look too dark and poorly-distinguishable. This is not our style.

Watermarks are not superimposed with a colored logo. It is permissible to add a logo in white, as well as a half-transparent white or black logo.

24 – 25

Color Overlay

3.

01 Overlays

Placement

Apart from the fact that black and white images are the style of our style, the use of color photographs and pictures is also permissible. It is recommended to use high quality materials, with the correct focal length and white balance. Prefer images with brighter and more saturated colors.

Depending on the environment, it is sometimes necessary to use a color or gradient overlay. In such cases. We recommend using one of the brand colors presented in this manual.

See p.12-13

MĂĽlleus Brand Manual

v.1.01 August 2019

Iconography 1.

There is a set of designed icons for our guide.

Icons in vector format you can download from the link below. It is forbidden to change, distribute and misuse this kit.

The main row of icons is presented below.

Allowed to change the color within the corporate colors, change the size and tolzin lines. This kit is ideally suited for digital use. Print version available in the product archive.

www.mo.com/icons

MĂĽlleus Brand Manual

v.1.01 April 2019

Summary 1.

Thus, this guide is designed for designers, managers, advertising agencies and all those who cooperate with our company. Using these rules, you are guaranteed to correctly interpret our visual style.

This is the first version of guideline. We will constantly update and improve. For questions and suggestions, contact the contact details listed below.

Thanks.

Keep in touch

2091 Mission St, San Francisco, CA 94110 www.malleus.com hi@malleus.com + 90 657 847 9033

www.mo.com/icons

Design & Brand Guidelines 2091 Mission St, San Francisco, CA 94110 www.malleus.com hi@malleus.com + 90 657 847 9033