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