Brand Manual

Page 1

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.


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.