Sonaris
Brand Manual & Guidelines The new Brand Guidelines for Sonaris Ltd. & Co. to represent your identity and give a consistent visual look. — Volume VII
01. Headline here Iriducias nobis auten Iriducias nobis autendenihil iducias denihil iducias.
02. Headline here Iriducias nobis auten Iriducias nobis autendenihil iducias denihil iducias.
Brand Guidelines 2019
The guideline introduction These guidelines describe the visual and verbal elements that represent Sonaris´ corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our brand.
Contact us:
These guidelines reflect Sonaris commitment to quality, consistency and style. The Sonaris brand, including the logo, name, colors and identifying elements, are valuable company assets.
Address: Sonaris Studio Main Avenue, 7th New York, USA
Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Sonaris name and marks.
Online: info@sonaris-studio.com www.sonaris-studio.com
02
Index. About us
04
Brand Identity
08
Logo and Logo Guidelines
12
Corporate Colors
16
Typography and Text Hierarchy
20
Stationery
22
Grid & Layout Systems
26
Corporate Images
30
Mood Boards and Patterns
34
Iconography & Infographics
22
03
Corporate Identity. Have a look when image meets design.
Vision
Mission
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis.
Epudit anime reium, omniscipsum binist ersped quam aut quas dolupta tinctat at iusanditate dignimo int volor aut dessist equia nulliciendit fuga. Et in cuptate quo qu mpores modi int dollupt urestiatesim quas entotatem quasima ximoluptur asis quoditas poribus sae consequi simagniq scitat apedi apiendunt quia ersped quas aut quas dolupta tinctat eria quo te.
Epudit anime reium, omniscipsum binist ersped quam aut quas dolupta tinctat at iusanditate dignimo int volor aut dessist equia nulliciendit fuga. Et in cuptate quo qu mpores modi int dollupt urestiatesim quas entotatem quasima ximoluptur asis quoditas poribus sae consequi simagniq scitat apedi apiendunt quia ersped quas aut quas dolupta tinctat eria quo te.
04
About us.
Make your brand a lovely one. Hard facts Name:
Quas dolentiur? Et ut mo ent viorisit nobis autendenihil iducias adit urbix quostrum accus et aut dolentiur? Et ut mo ent viorisit et rem. Quas dolentiur? Et ut mo ent viorisit nobis autendenihil iducias adit urbix.
Sonaris Ltd. Founded:
2009 Staff:
79 Customers:
165
Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus.
Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus.
Quas dolentiur? Et ut mo beate nobis urbi autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsa quam recus. Quas dolentiur? Ints Et ut mo nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa. Et ut mo beate nobis Quas dolentiur?
Quas dolentiur? Et ut mo beate nobis urbi autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsa quam recus. Quas dolentiur? Ints Et ut mo nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa. Et ut mo beate nobis Quas dolentiur?
05
Design is not just what it looks like and feels like. Design is how it works. 06
About our studio.
A experiences brand identity studio. Sarah Saunderson CEO / Company President Henihilia atusdae esteri quia sumqui id modi reribus, non nihilit provit assunt.
Build your brand in an successful way. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?
Andy Carroll
Michael Anderson
CEO / Company President
CEO / Company President
We create strong brands.
Henihilia atusdae esteri quia sumqui id modi reribus, non nihilit provit assunt.
Henihilia atusdae esteri quia sumqui id modi reribus, non nihilit provit assunt.
Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?
07
Our brand and identity.
Our brand and corporate identity.
Identity
Behaviour
Corporate Identity How we are.
Corporate Behaviour How we want to be.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
08
Design
Culture
Corporate Design How we wanna look.
Corporate Culture How we care about.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
Quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis omnist ommodi dolupta desciatur, sediorio inctia voluptat odicim sitionectent asincit, core esciminit asimolut quia quatet essimus eum eatempedi dus dendige niminul luptae vendae sandem que que vollesenime oditat.
09
Design goals.
Brief, goals and content.
The brand brief. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?
The brand goals. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?
010
Introductional quote:
Michael Anderon Creative Director
The design process, at its best, integrates the aspirations of art, science, and culture. 011
The logo.
Corporate Logo.
Logo Introduction. Corporate Logo. Construction. Logo Application. Clearspace and Computation. 012
Sonaris Logo.
The corporate logo.
The logo symbol.
The logo title.
The Sonaris Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence.
Consists of a powerful element evoking the culture of design services and a black square backround.
Carefully chosen for its modern and refined, highly legible style, The font that is used here is Cormorant Garamond.
The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of lower case letters. The typeface of Sonaris is Cormorant Garamond and has also been chosen to compliment and balance perfectly with the logo symbol.
Sonaris. Logo Dark Version
013
Logo Light Version
Company Title 100 % size
Logo construction and clearspace. The Construction It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can be positioned in relation to the mark.of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.
The Clearspace Clearspace Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.
Clearspace Single Logomark
1
Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
/2 x
1
/2 x
x
1
Clearspace Full Logomark
1
/2 x
1
/2 x
1
/2 x
x
/2 x
1
014
/2 x
1 1
//2 xx 2
Application on a background. Logo A
Logo B
Logo C
Logo D
Colored Background
Gray Background
Dark Background
White Background
Minimum logo sizes Full Logo Minimum Size: 5 mm x 5 mm
Logo Symbol
Whenever you use the logo, it should be used with a minimum height of 12 mm. The clear space is additional to the logo height to ensure its visibility.
Minimum Size: 5 mm x 5 mm
015
Corporate fonts. Primary font.
Cormorant Garamond A serif family font Primary Font Cormorant Garamond
Designer Christian Thalmann
Cormorant is an open-source serif family designed by Christian Thalmann. The design was inspired by the sixteenth century types of Claude Garamond, however, in contrast to typical Garamond-inspired text faces, Cormorant was designed as a display face. The family is available in five distinct versions: Cormorant is the
standard version, Cormorant Garamond features larger counters which makes it more suitable as a text face, Cormorant Infant features a single-story a and g, Cormorant Unicase mixes lowercase and uppercase forms, and finally, Cormorant Upright is an italic design that sits upright rather than at an angle.
016
Typography.
Font Styles
Bold
Regular
Figures
Special Charactes
Cormorant Garamond A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 0 ! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç 017
Typograhic hierarchy.
Context Text and inner Headlines
Caption Text
Copy Text
Sonaris Studio Typo. Cormorant Garamond 7 pt Type / 10 pt Leading
Headlines Copytext
Cormorant Garamond 10 pt Type / 14 pt Leading
Sonaris Studio Typo. Cormorant Garamond 12 pt Type / 15 pt Leading
Headlines and Typobreaks
Headlines and Title
Sonaris Studio Typo.
Sublines Sections
Sonaris Studio Typo. Cormorant Garamond 16 pt Type / 20 pt Leading
Sonaris Studio Typo. Cormorant Garamond 21 pt Type / 25 pt Leading
Big Sequencer Title
The perfect Headline Cormorant Garamond 38 pt Type / 38 pt Leading
018
Quality in typography Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Sonaris layouts.
019
Color codes.
Primary Color System.
Color Tones
Primary Color A Dark Blue
Dark Blue
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Primary Color A.
Brand color system. Color plays an important role in the Sonaris Studio corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “One Voice� color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Sonaris brand identity across all relevant media. Check with your designer or printer when using the corporate colors and that they will be always be consistent.
Color Tones
Primary Color B Coral Blue
Coral Blue
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
020
Primary Color B.
Secondary color system.
Color Tones
Color Tones
Sec. Color A
Sec. Color B
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Color Tones
Color Tones
Color Tones
Sec. Color C
Sec. Color D
Sec. Color E
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
Color Codes CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000
021
Print communication.
Corporate Stationery System.
Letterhead This shows the approved layout with the primary elements of the Sonaris stationery system for the frontside of letterheads.
Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901 July, 2ne 2017
Stationery system.
Usage: The corporate letterhead will be used for all official external communication of Sonaris company.
Stationery is a primary means of communication and it is essential that every application be a consistent reflection of our corporate identity.
Parameter There is only one approved design format for all corporate and business unit stationery, although there are slight variations in size and content for different regions of the world. This section illustrates approved layouts for standard U.S. business stationery.
Mr. Max Jefferson Creative Director London, GB
Dear Sir and Madam, Excero mo dit voluptatur, quunti ra dolupta sit quat archicatibus rae ni arum remque repel iliquo ipsaper atibusant mint quam fuga. Itate cus, ut eum estiam ium ipsametur, siminctus dolest arum consed quiberum nihici aut voluptaque consedi blanis a num eicto optassi nverumquis auda con peptate reperep udantiis sed uatiis mo ea verferes des essinctet parum quaspe solupta et et dolorum t. As et ut dolut voloritatium explige ndenditia dolum erci omni beariberia que dist officabo. Icillabo. comnienis as accusda a niet autam, qui blaborem quibusdam, te pro ilignim iliciate enis restendae nonseditibus ent fugitatius alis ate ipsam quiam re volut que ea quist, occullabo. Ut et etur? Aditi comnimus ullacea tiant, se ne volupta dolut dit imodipsum esciur? Udio cus nest evella nest que aute nis eos eaquo quidusdae ea vel entoritae culloru ptatecab ident. Berst Regards
Dimensions: DIN A4
Maxwell Doe Director
Paper Weight: 100 g/m2 Sonaris Studio. Brand Builder
It includes specifications for typography, color, printing method, paper stock.
info@mono-studio.com www.mono-studio.com
Print: CMYK Offset
022
sonarisdesign.
Company envelope This shows the approved layout with the primary elements of the Sonaris stationery system for envelopes.
Parameter Dimensions: Din A4 210 x 297 mm DL 210 x 105 mm
info@sonaris-studio.com www.sonaris-studio.com
Living economy.
Paper Weight: 120 g/m2
Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901 info@sonaris-studio.com www.sonaris-studio.com
Business Cards This shows the approved layouts with the primary elements of the Sonaris stationery system for business cards.
Parameter Dimensions: 85 x 55 mm
Paper Weight: 350 g/m2
Usage: Corporate business cards will be used for all official contact and external communication of Sonaris Studio company.
Print: CMYK Offset
Mr. Max Jefferson Creative Director
Sonaris Studio.
Sonaris Studio Main Avenue, 7th New York, USA
www.sonaris-studio.com
023
T. 01 23 4567 8901 F. 01 23 4567 8901
info@sonaris-studio.com www.sonaris-studio.com
The height of cultivation always runs to simplicity. Design is your answer.
024
Visual basics.
Correct Logo Placement
Logo placement.
A.
B.
C.
Explanation. To place the Sonaris logo in the correct way please use one of the approved styles that are shown on the right. To place the Sonaris logo in other ways is not allowed.
025
Grid systems.
Print Grid System.
Din A4 grid system. In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.
026
Cover grid system
Inner page grid system
Place an awesome quote for more information here. Create creative and lovely things to impress your audience and customers.
Place a big cover title.
Place a headline here
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis quam res reperciam. At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent e quam res reperciam velitis. Epudit anime reium, omniscipsum binist ersped quam aut quas dolupta tinctat at iusanditate dignimo int volor aut dessist equia nulliciendit fuga. Et in cuptate quo qu mpores modi int dollupt urestiatesim quas entotatem quasima ximoluptur asis quoditas poribus sae consequi simagniq scitat apedi apiendunt quia ersped quas es
To place the Sonaris logo in the correct way please use one of the approved styles that are shown on the right.
027
Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent evelitis quam res reperciam. At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui destia volore ant aut maximilia con ex eum et aligent e quam res reperciam velitis. Epudit anime reium, omniscipsum binist ersped quam aut quas dolupta tinctat at iusanditate dignimo int volor aut dessist equia nulliciendit fuga. Et in cuptate quo qu mpores modi int dollupt urestiatesim quas entotatem quasima ximoluptur asis quoditas poribus sae consequi simagniq scitat apedi apiendunt quia ersped quas aut quas dolupta tinctat eria quo te. At acesequi cones quam res reperciam, evendellabo. Nequatiis doluptatqui desti.
Design is not just what it looks like and feels like. Design is how it works.
028
Grid systems.
Web Grid System.
www.sonaris-studios.com
Newsletter
Enter your mail address here
Brand Studio
Mobile grid example
About us
Web grid system.
About us
www.sonaris-studios.com
Newsletter
Enter your mail address here
Screen grid This shows approved layouts with a responsive grid for a 16:9 Screen of our website. This will be applicable for websites, landing pages etc. Responsive screen grid This is an example of a grid for mobile phones.
Clients about
Clients.
Contact
029
Image systems.
Brand Image System.
Sonaris image system. Corporate Images are responsible to transfer the values of Sonaris to our customers or our potential customers. It is a composite psychological impression that continually changes with the firm’s circumstances, media coverage, performance, pronouncements, etc. Sonaris Ltd. use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.
030
Images.
Colored Images.
How to. Examples for Sonaris Corporate Image System Requirements: - desaturate colours - high contrast - sharp images - minimalistic look - modern and businesslike
031
Images.
Black & White Images. How to. Examples for Sonaris Corporate Image System Requirements: - desaturate colours - high contrast - sharp images - minimalistic look - modern and businesslike
032
Modes.
Blending Modes for Images
A business class of its own. Sonaris is the world´s leading company for digital products and software.
www.sonaris.com
How to. www.sonaris.com
A class of its own.
Best company of the world.
033
Image Effects and blending modes raise the concision and the recognizability of a brand. Also they are able to divide content and other graphical elements that are used in layouts. In the same way the support statement of the used images and raise application possibilities.
Image systems.
Mood boards.
Sonaris mood boards. Mood boards and style elements are highly and extremely useful for establishing the aesthetic feel of a design structure. It usually fits into the process somewhere after wireframes and before design process and mockups. Things and designs that can be explored in the mood board include photography style, color palettes, typography, patterns and the overall look and feel.
034
Images.
Design Textures and Patterns. A rough collage of colors, textures and pictures is all it takes to evoke a specific style or feeling.
Pattern A.
Pattern B.
Pattern C.
Pattern D.
Pattern E.
Pattern F.
035
Icon system.
Iconography.
Dark Blue Icon No Background
50% Dark Blue Icon No Background
25% Dark Blue Icon No Background
15% Dark Blue Icon No Background
Light Blue Icon No Background
50% Light Blue Icon No Background
25% Light Blue Icon No Background
15% Light Blue Icon No Background
White Icon Blue Background
Blue Icon 50% Blue Background
White Icon Light Blue Background
Blue Icon 50% Light Background
Sonaris Iconography. An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function, feature or a data file.
036
Icon series.
Icon Design. Use of Sonaris Icon Set. You can use the approved icon set for your print and web design development. If icons are missing or you need additional please contact your designer to create new icons in the corporate design style.
Download. www.sonaris-studio.com/iconography.zip Scan for download icon set
037
Infographic system.
Infographics. Round Diagram
Historgram Thin
Histogram Thick
+75% 01
Sonaris Iconography. Infographics are graphic visual representations of information, data or knowledge intended to present information quickly and clearly. They can improve cognition by utilizing graphics to enhance the human visual system’s ability to see patterns and trends.
Comparison Round
02
Comparison Round +50 %
+63%
03
+25 %
+27%
0%
04
05
2019
2020
2021
Data with Icons
68 %
Sales in United States
-25 % -50 %
+14 %
Sales Worldwide
038
2021
Infographic series.
Comparison Bar Chart
Comparison Bar Chart
Europe South America
Usage.
Australia North America Asia/Pacific
Please use the approved infographic set for your print, presentation and web design development. If infographics are missing or you need additional please contact your designer to create new icons in the corporate design style.
Table for Data Expenses
2019
1.
Real Estate of Company
$22,000
2.
Other Assets
$22,000
3.
Deferred, Prepaid, Expenses
$22,000
Total Assets
$522,000 Jan
Triangle Chart Graphic
Mar
Apr
May
Jun
Jul
Comparison Graphic +26.8 %
+21.4 %
Customized Infographic Design.
Feb
+12.9 %
+16.4 %
70%
Men in the world
50%
Women in the world
Tequis magnam everunt este imagi sitar.
+5.7 %
039
Tequis magnam everunt este imagi sitar.
Sonaris
Thank you for your audience. The new Brand Guidelines for Sonaris Ltd. & Co. to represent your identity and give a consistent visual look. — Volume VII
01. Headline here Iriducias nobis auten Iriducias nobis autendenihil iducias denihil iducias.
02. Headline here Iriducias nobis auten Iriducias nobis autendenihil iducias denihil iducias.