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