Brand Guidelines

Page 1

Brand Manual and Guidelines

Fluid Company Series.

A modern and clean Brand Manual to represent your Company.


Brand Manual 2020

Brand Manual Guidelines for 2020.

Introduction These guidelines describe the visual and verbal elements that represent Sonaris´ corporate identity. This includes

Page

08

Page

Web Design

Print Design

Denihil idu cias adit quostrum

Denihil idu cias adit quostrum

accus eta et rem quidipsa. Et ut

accus eta et rem quidipsa. Et ut

moas. Quas dolentiur? Et ut mo

moas. Quas dolentiur? Et ut mo

Page

08

Page

App Design

Corporate Design

Denihil idu cias adit quostrum

Denihil idu cias adit quostrum

accus eta et rem quidipsa. Et ut

accus eta et rem quidipsa. Et ut

moas. Quas dolentiur? Et ut mo

moas. Quas dolentiur? Et ut mo

08

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. These guidelines reflect Sonaris commitment to quality, consistency and style. The Sonaris brand, including the logo, name, colors and identifying elements, are valuable

08

company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Sonaris name and marks.

002


Brand Manual 2020

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

003


Brand Manual 2020

Corporate Identity When Image meets Design.

004

Vision

Mission

Dis doluptium cor sitate vendi ium de optur, quossi-

Dis doluptium cor sitate vendi ium de optur, quossi-

tia cus, utem.At acesequi cones quam res reperciam,

tia cus, utem.At acesequi cones quam res reperciam,

evendellabo. Nequatiis doluptatqui destia volore ant

evendellabo. Nequatiis doluptatqui destia volore ant

aut maximilia con ex eum et aligent evelitis.

aut maximilia con ex eum et aligent evelitis.

At acesequi cones quam res reperciam, evendellabo.

At acesequi cones quam res reperciam, evendellabo.

Nequatiis doluptatqui destia volore ant aut maximilia

Nequatiis doluptatqui destia volore ant aut maximilia

con ex eum et aligent evelitis.

con ex eum et aligent evelitis.

Epudit anime reium, omniscipsum binist ersped

Epudit anime reium, omniscipsum binist ersped

quam aut quas dolupta tinctat at iusanditate digni-

quam aut quas dolupta tinctat at iusanditate digni-

mo int volor aut dessist equia nulliciendit fuga. Et in

mo int volor aut dessist equia nulliciendit fuga. Et in

cuptate quo qu mpores modi int dollupt urestiatesim

cuptate quo qu mpores modi int dollupt urestiatesim

quas entotatem quasima ximoluptur asis quoditas

quas entotatem quasima ximoluptur asis quoditas

poribus sae consequi simagniq scitat apedi apien-

poribus sae consequi simagniq scitat apedi apien-

dunt entotatem quasima ximoluptur asis quoditas

dunt entotatem quasima ximoluptur asis quoditas

poribus sae consequi simagniq scitat apedi quia er-

poribus sae consequi simagniq scitat apedi quia er-

sped quas aut quas dolupta tinctat eria quo te.

sped quas aut quas dolupta tinctat eria quo te.


Brand Manual 2020

Fluid Company About us.

Make your brand a lovely one.

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.

Quas dolentiur? Et ut mo beate nobis autendenihil

Quas dolentiur? Et ut mo beate nobis autendenihil

iducias adit quostrum accus et aut et rem quidipsa

iducias adit quostrum accus et aut et rem quidipsa

quam beate nobis autendenihil iducias adit quos-

quam beate nobis autendenihil iducias adit quos-

trum accus et aut et rem quidipsa quam recus quam

trum accus et aut et rem quidipsa quam recus quam

beate nobis autendenihil.

beate nobis autendenihil.

Quas dolentiur? Et ut mo beate nobis urbi autende-

Quas dolentiur? Et ut mo beate nobis urbi autende-

nihil iducias nobis autendenihil as iducias adit quos-

nihil iducias nobis autendenihil as iducias adit quos-

trum accus et aut et rem quidipsa quam recus. Quas

trum accus et aut et rem quidipsa quam recus. Quas

dolentiur? Ints Et ut mo nobis autendenihil iducias

dolentiur? Ints Et ut mo nobis autendenihil iducias

adit quostrum accus et aut et rem quidipsa. Et ut mo

adit quostrum accus et aut et rem quidipsa. Et ut mo

beate nobis Quas dolentiur mo nobis autendenihil

beate nobis Quas dolentiur mo nobis autendenihil

quam beate nobis autendenihil?

quam beate nobis autendenihil?

005


Brand Manual 2020

Fluid Studio About our Studio.

A experienced brand identity studio. 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 fugitinc.

We create strong brands. 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.

006

Desig look


Brand Manual 2020

gn is not just what it ks like and feels like. Design is how it works. Company Leadership

Susann McPherson

Michael Anderson

Peter Johannson

CEO / Company President

CFO / Creative Director

CSO / Sales Director

Henihilia atusdae esteri quia

Henihilia atusdae esteri quia

Henihilia atusdae esteri quia

nihilit provit assunt.

nihilit provit assunt.

nihilit provit assunt.

007


Brand Manual 2020

Fluid Studio 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 enis-

Quatem iur? Velenes de plab il imenim fugitatent voloreh enis-

quis omnist ommodi dolupta desciatur, sediorio inctia voluptat

quis omnist ommodi dolupta desciatur, sediorio inctia voluptat

odicim sitionectent asincit, core esciminit asimolut quia quatet

odicim sitionectent asincit, core esciminit asimolut quia quatet

essimus eum eatempedi dus dendige niminul luptae vendae

essimus eum eatempedi dus dendige niminul luptae vendae

sandem que que vollesenime oditat.

sandem que que vollesenime oditat.

odicim sitionectent asincit, core esciminit asimolut quia quatet

odicim sitionectent asincit, core esciminit asimolut quia quatet

essimus eum eatempedi dus dendige niminul luptae vendae

essimus eum eatempedi dus dendige niminul luptae vendae

sandem que que vollese

sandem que que vollese

008


Brand Manual 2020

Design

Culture

Corporate Design How we wanna look.

Corporate Culture How we care about.

Quatem iur? Velenes de plab il imenim fugitatent voloreh enis-

Quatem iur? Velenes de plab il imenim fugitatent voloreh enis-

quis omnist ommodi dolupta desciatur, sediorio inctia voluptat

quis omnist ommodi dolupta desciatur, sediorio inctia voluptat

odicim sitionectent asincit, core esciminit asimolut quia quatet

odicim sitionectent asincit, core esciminit asimolut quia quatet

essimus eum eatempedi dus dendige niminul luptae vendae

essimus eum eatempedi dus dendige niminul luptae vendae

sandem que que vollesenime oditat.

sandem que que vollesenime oditat.

odicim sitionectent asincit, core esciminit asimolut quia quatet

odicim sitionectent asincit, core esciminit asimolut quia quatet

essimus eum eatempedi dus dendige niminul luptae vendae

essimus eum eatempedi dus dendige niminul luptae vendae

sandem que que vollese

sandem que que vollese

009


Brand Manual 2020

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?

0010


Brand Manual 2020

Fluid Company About us. Introductional quote:

Michael Anderon Creative Director

The design process, at its best, integrates the aspirations of art, science, and culture. 0011


Brand Manual 2020

Fluid Brand Studio Brand and Corporate Strategy.

Corporate Identity

What we are. 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 em fugitinctur ipienis?

Corporate Design Corporate Behaviour

How we will look. 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 em fugitinctur ipienis?

How we want to be. 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 em fugitinctur ipienis?

0012


Brand Manual 2020

Fluid Brand Studio Brand Guideline Details.

Project Description Details

Brand Goals Description

Brand Content Application

1. Ovit mosam velibus, que veles autem

1. Ovit mosam velibus, que veles autem

1. Ovit mosam velibus, que veles autem

quo essitenient quatiatiis cone et eturem

quo essitenient quatiatiis cone et eturem

quo essitenient quatiatiis cone et eturem

fugitiur sun essitenient tur, sit, que ni-

fugitiur sun essitenient tur, sit, que ni-

fugitiur sun essitenient tur, sit, que ni-

magnam, a netur?

magnam, a netur?

magnam, a netur?

2. Ame ped ea dero quunto voloreic tore

2. Ame ped ea dero quunto voloreic tore

2. Ame ped ea dero quunto voloreic tore

qui nim undio offic to blant reperiam

qui nim undio offic to blant reperiam

qui nim undio offic to blant reperiam

imolessum venetur autas il et aut.

imolessum venetur autas il et aut.

imolessum venetur autas il et aut.

Marketing

Web Development

Graphic Design

1. Ovit mosam velibus, que veles

1. Ovit mosam velibus, que veles

1. Ovit mosam velibus, que veles

autem quo essitenient quatiatiis

autem quo essitenient quatiatiis

autem quo essitenient quatiatiis

cone et eturem fugitiur sun essi-

cone et eturem fugitiur sun essi-

cone et eturem fugitiur sun essi-

tenient tur, sit, que, a netur?

tenient tur, sit, que, a netur?

tenient tur, sit, que, a netur?

2. Ame ped ea dero quunto volo-

2. Ame ped ea dero quunto volo-

2. Ame ped ea dero quunto volo-

reic tore qui nim undio off.

reic tore qui nim undio off.

reic tore qui nim undio off.

0013


Brand Manual 2020

Visual Basics Corporate Logo.

0014


Brand Manual 2020

Fluid Company About us. The logo is the graphic element that succinctly and quickly identifies a company.

The corporate logo. The Fluid Masterbrand or Corporate Logo comprises two ele-

The Logo Type has been carefully chosen for its modern and yet

ments, the logo symbol and logo type. The Logo Symbol is a po-

refined, highly legible style, which has been further enhanced by

werful image evoking the culture of design services - the connec-

the use of lower case letters. The typeface of Fluid is Source Sans

tion between the strength of communication and the different

Pro and has also been chosen to compliment and balance per-

points that influence.

fectly with the logo symbol.

The logo symbol.

The logo title.

Consists of a powerful element evoking the culture of design ser-

Carefully chosen for its modern and refined, highly legible style,

vices and a black square backround.

The font that is used here is Cormorant Garamond.

Fluid.Inc Logo Dark Version

Logo Light Version

Company Title 100 % size

0015


Brand Manual 2020

LogoSpecifications 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 Full Logomark

Clearspace

1

Whenever you use the logo, it should be surrounded

x

/2 x

/2 x

1

with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.

//2 xx 2

1 1

/2 x

1

Clearspace Single Logomark

Computation To work out the clearspace take the height of the logo

/2 x

1

/2 x

1

and divide it in half. x

(Clearspace = Height / 2). /2 x

1

0016

/2 x

1


Brand Manual 2020

Fluid Specifications Application on a background. Logo A

Logo B

Logo C

Colored Background

Gray Background

Dark Background

Logo D

White Background

Minimum logo sizes

Full Logo Minimum Size: 5 mm x 5 mm

Logo Symbol Minimum Size: 5 mm x 5 mm

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. 0017


Brand Manual 2020

Corporate Typography Primary Font.

Source Sans Pro A Sans Serif family font

Primary Font

Designer

Cormorant Garamond

Christian Thalmann

Cormorant is an open-source serif family designed by Christian

counters which makes it more suitable as a text face, Cormorant

Thalmann. The design was inspired by the sixteenth century ty-

Infant features a single-story a and g, Cormorant Unicase mixes

pes of Claude Garamond, however, in contrast to typical Gara-

lowercase and uppercase forms, and finally, Cormorant Upright

mond-inspired text faces, Cormorant was designed as a display

is an italic design that sits upright rather than at an angle.

face. The family is available in five distinct versions: Cormorant is the standard version, Cormorant Garamond features larger

0018


Brand Manual 2020

Corporate Typography Font Styles.

Font Name

Bold

Regular

Figures

Special Charactes

Source Sans Pro A N a n

B O b o

C P c p

D Q d q

E R e r

F S f s

G T g t

H U h u

I V i v

J W j w

K X k x

L Y l y

M Z m z

A N a n

B O b o

C P c p

D Q d q

E R e r

F S f s

G T g t

H U h u

I V i v

J W j w

K X k x

L Y l y

M Z m z

0 1 2 3 4 5 6 7 8 9 0 ! : « æ

“ § $ % ¡ “ ¶ ¢ ∑ € ® † œ @ ∆ º

& / ( ) = ? [ ] | { } ≠ Ω ¨ ⁄ ø π • ª © ƒ ∂ ‚ å ¥

` ¿ ± ≈

; ‘ ‘ ç

0019


Brand Manual 2020

Corporate Typography Typograhic hierarchy.

Context Text

Caption Text

Sonaris Studio Typo. Source Sans Pro

and inner Headlines

06 pt Type / 10 pt Leading

Copy Text

Sonaris Studio Typo. Source Sans Pro 09 pt Type / 14 pt Leading

Headlines Copytext

Sonaris Studio Typo. Source Sans Pro 12 pt Type / 15 pt Leading

Sublines Sections

Sonaris Studio Typo. Source Sans Pro 16 pt Type / 20 pt Leading

Headlines and

Headlines and Title

Sonaris Studio Typo. Source Sans Pro

Typobreaks

21 pt Type / 25 pt Leading

Big Sequencer Title

The Headline Source Sans Pro 38 pt Type / 38 pt Leading

0020


Brand Manual 2020

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 Fluid Studio layouts.

0021


Brand Manual 2020

Corporate Colors Primary Color System. Primary Color B Strong Violet

Color Codes.

Print Color Codes CMYK

: C000

Web Color Codes M020

Y100

K000

Pantone : 297C HKS

RGB

: R000

Web

: #000000

G000

B000

: 02K

Tones

Strong Violet Primary Color A.

Brand color system. Color plays an important role in the Sonaris Studio corporate identity program. The colors below are recommendations

Primary Color B Deep Black

for various media. Print Color Codes

A palette of primary colors has been developed, which comprise the “One Voice�

CMYK

: C000

Web Color Codes M020

Y100

Pantone : 297C HKS

harmonious look of the Sonaris brand

Coral Blue Primary Color B.

using the corporate colors and that they will be always be consistent.

0022

: R000

Web

: #000000

G000

B000

Tones

identity across all relevant media. Check with your designer or printer when

RGB

: 02K

color scheme. Consistent use of these colors will contribute to the cohesive and

K000


Brand Manual 2020

Corporate Colors Secondary Color System.

Tones

Sec. Color A

Sec. Color A

Color Codes CMYK

Color Codes

: C000 M020

Y100

K000

CMYK

Pantone : 297C HKS

: 02K

RGB

: R000

Web

: #000000

Tones

: C000 M020

Y100

K000

Pantone : 297C G000

B000

HKS

: 02K

RGB

: R000

Web

: #000000

G000

B000

Tones

Sec. Color A

Sec. Color A

Color Codes CMYK

Color Codes

: C000 M020

Y100

Pantone : 297C HKS

: 02K

RGB

: R000

Web

: #000000

Tones

K000

CMYK

: C000 M020

Y100

K000

Pantone : 297C G000

B000

HKS

: 02K

RGB

: R000

Web

: #000000

G000

B000

0023


Brand Manual 2020

Corporate Stationery Print Communication.

Stationery is a primary means of communication and it is essen-

size and content for different regions of the world. This section il-

tial that every application be a consistent reflection of our cor-

lustrates approved layouts for standard U.S. business stationery.

porate identity. It includes specifications for typography, color, printing method, There is only one approved design format for all corporate and

paper stock.

business unit stationery, although there are slight variations in

Letterhead Fluid Studio

Parameter

Main Avenue, 7th New York, United States

Dimensions:

Print:

DIN A4

CMYK Offset

Paper Weight: 100 g/m2

This shows the approved layout with the primary elements of the Sonaris stationery system for the frontside of letterheads. Usage:

T. 01 23 4567 8901 F. 01 23 4567 8901 July, 2ne 2017 Mr. Max Jefferson Creative Director London, GB

info@fluid-studio.com www.fluid-studio.com

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 dolorumt. 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. Best Regards

David Simmons Company President

The corporate letterhead will be used for all official external communication of Sonaris company.

0024

Fluid Studio. Brand Builder

fluidcorp.


Brand Manual 2020

Company envelope Living economy.

This shows the approved layout with the primary elements of the Sonaris stationery system for envelopes.

Parameter Dimensions: Main Avenue, 7th New York, United States

Din A4 210 x 297 mm DL 210 x 105 mm

info@fluid-studio.com www.fluid-studio.com

T. 01 23 4567 8901 F. 01 23 4567 8901 info@fluid-studio.com www.fluid-studio.com

Paper Weight: 120 g/m2

Business Cards

Parameter Dimensions:

Print:

85 x 55 mm

CMYK Offset

www.fluid-studio.com

Paper Weight: 350 g/m2

This shows the approved layouts with the primary elements of the Sonaris statione-

Fluid Studio

Mr. Max Jefferson Creative Director

ry system for business cards. Usage: Corporate business cards will be used for all official contact and external communication of Sonaris Studio company.

Fluid Inc. Main Avenue, 7th New York, USA T. 01 23 4567 8901 F. 01 23 4567 8901

info@fluid-studio.com www.fluid-studio.com

0025


Brand Manual 2020

Corporate Branding Labels, Cover and Billboards.

Fluid_

-

St

COMPANY NAME :

udio

Explanation:

FLUID STUDIO. & CO.

This shows the

COMPANY ADDRESS

approved layouts

UNITED STATES

The Corporate CD Labels and CD Cover for Fluid Studio

7TH AVENUE, MANHATTAN 578 NEW YORK

with the primary

FLUID STUDIO. & CO.

elements of the

COMPANY ADDRESS 7TH AVENUE, MANHATTAN 578 NEW YORK, USA

Fluid stationery

Fluid

CD Label & Cover

_S

tudio

system for CD Labels and

CD Label 5” x 5”

CD Cover 5.2” x 2.2”

Covers.

Fluid Banner Explanation:

Creative Design Web Development

This shows the

Marketing

approved layouts with the primary elements of the Fluid stationery system for Outdoor Banner.

0026

Outdoor Banner 70” x 30”

www.fluid-studio.com


Brand Manual 2020

Corporate Branding Rollups and Company Flags.

Fluid Studio Roll up

Social Media Creative Design Web Development

Explanation:

www.fluidstudio.com

www.fluidstudio.com

-

This shows the approved layouts with the primary elements of the Fluid stationery system for Rollup-Systems.

Marketing

Fluid Studio Flag Explanation: This shows the approved layouts with the primary elements of the Fluid stationery Fluid Studio Roll up 70” x 30”

Fluid Studio Flag 70” x 20”

system for Fluid Studio Flag.

0027


Brand Manual 2020

The height of cultivation always runs to simplicity. Design is your answer.

0028


Brand Manual 2020

Visual Basics Correct Logo Placement.

Place your Logo in the correct way.

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.

0029


Brand Manual 2020

Corporate Grid System for Print Design.

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.

0030


Brand Manual 2020

The Grid System: Building a Solid Design Layout

One of the easiest ways to achieve an organized design is to ap-

The grid system helps align page elements based on sequenced

ply a grid system. It’s a tried technique that first found favor in

columns and rows. We use this column-based structure to place

print layout. Grids in interactive design can also help provide a

text and imagesin a consistent way throughout the design. Every

consistent experience across multiple devices with different

element has its place that we can see instantly and reproduce

screen sizes. Users are happy when they see familiar features laid

elsewhere. Imagine the chaos if there were no grid system. They

out as they would expect to find them.

keep us right on the road!

Example of a cover grid system

Example of a inner page grid system

Place a big cover title.

Place an awesome quote for more information here. Create creative and lovely things. Place a headline

Dis doluptium cor sitate vendi ium de optur, quossitia cus, utem.

Dis doluptium cor sitate vendi

At acesequi cones quam res

ium de optur, quossitia cus, utem.

reperciam, evendellabo. Nequatiis

At acesequi cones quam res

doluptatqui destia volore ant aut

reperciam, evendellabo. Nequatiis

maximilia con ex eum et aligent

doluptatqui destia volore ant aut

evelitis quam res reperciam.

maximilia con ex eum et aligent evelitis quam res reperciam.

At acesequi cones quam res reperciam, evendellabo. Nequatiis

To place the Sonaris logo in the correct way please use one of the approved

At acesequi cones quam res

doluptatqui destia volore ant aut

reperciam, evendellabo. Nequatiis

maximilia con ex eum et aligent e

doluptatqui destia volore ant aut

quam res reperciam velitis.

maximilia con ex eum et aligent e

Epudit anime reium, omniscipsum

styles that are shown on the right.

0031


Brand Manual 2020

Corporate Grid System for Web Design.

Desktop

www.fluid-studios.com

Newsletter

Enter your mail address here

Brand Studio

About us

Web grid system. www.sonaris-studios.com

Screen grid This shows approved layouts

Newsletter

Enter your mail address here

with a responsive grid for a 16:9 Screen of our website. about

This will be applicable for websites, landing pages etc. Responsive screen grid This is an example of a grid for mobile phones.

0032

Clients.


Brand Manual 2020

Corporate Grid Responsive Grid System.

Web grid system. The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.

Mobile

About us

Clients

Contact

Tablet

0033


Brand Manual 2020

Brand Images Corporate Image System.

–– minimalistic touch –– modern –– rough look

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.

0034


Brand Manual 2020

Corporate Images Colored Images.

How to. Examples for Sonaris Corporate Image System

Requirements:

- desaturate colours

- minimalistic look

- high contrast

- modern

- sharp images

- businesslike

0035


Brand Manual 2020

Corporate Images Black & White Images.

How to. Examples for Sonaris Corporate Image System

0036

Requirements:

- desaturate colours

- minimalistic look

- high contrast

- modern

- sharp images

- businesslike


Brand Manual 2020

Corporate Images Blending Modes.

A business class of its own. Sonaris is the world´s leading company for digital products and software.

www.fluid-studio.com

www.fluid-studio.com

Best company of the world.

A class of its own.

How to. Examples for Sonaris Corporate Image System

Requirements:

- desaturate colours

- minimalistic look

- high contrast

- modern

- sharp images

- businesslike

0037


Brand Manual 2020

Image System Mood Boards.

Mood boards

Fluid Studio 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.

0038


Brand Manual 2020

Design Elements 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.

0039


Brand Manual 2020

Icon System Corporate Iconography.

Icon Setup

Dark Violet Icon

50% Dark Violet Icon

25% Dark Violet Icon

No Background

No Background

No Background

An icon is a pictogram di-

Light Black Icon

50% Light Black Icon

25% Light Black Icon

splayed on a screen or print

No Background

No Background

No Background

White Icon

Violet Icon

White Icon

Full Violet Background

50% Violet Background

Black Background

Pictogram

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.

0040


Brand Manual 2020

Icon System Icon Design Series.

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.fluid-studio.com/iconography.zip Scan for download icon set

0041


Brand Manual 2020

Corporate Identity The Checklist Approval.

The easiest way to make sure that your work will match the brand

compare this with your publication. If something is incosistent

manual guidelines is to have a small check list. Before publishing

please rework until everything is correct.

please go through the following check list, check bullet point and

01 Logo

02 Color

03 Typography

Only use approved versions

Please make sure that only

Use the font Adobe Caslon Pro

of the logo. Please check

your approved primary and

for all top headings. For body

that you have respected the

secondary colors are used.

text and smaller headings use

minimum size and exclusion

font Lato. Both fonts are also

zone requirements. The logo

available for web.

should not appear on color backgrounds without being reversed out.

04 Imaginery

05 Print Materials

05 Web Materials

Use desatured photos with

Please use the provided grids

Please use the provided grids

vintage color, grayscale photos

and approved layouts for

and approved layouts for all

or photos with color overlay.

all printed products and the

digital and web products. Also

Please follow the rules.

stationery.

use this for creating apps or mobile apps.

0042


Brand Manual 2020

The Fluid Studio Summary and Contact. Thank you for audience.

A short summary

Contact

Tequis magnam everunt re volupti ntiusament at et omnimo to-

For further information

tatin venimus anturis explaut alique quatem qui utemquia dolo

please contact:

erum soluptas alite conseque qui officab orruntota cus ium rempedi gendandus veniscidus erum as ut idebit, toremporias ea

Mark Anderson

conet volo blantia plaborepel is natqui officil magnihi.

Marketing Purism Studio

Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo voluptibus. Dandunte voluptaqui nias re vo-

E: info@purism.com

luptate occust, tiaecabor re, occabor itatem et fuga.

P: +01.132.4567.890

Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis modis num re ? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus.

Fluid Studio 0043


Fluid.Inc

Always restless in creativity. Fluid Studio

Brand Manual www.fluid-studio.com


Turn static files into dynamic content formats.

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