0% found this document useful (0 votes)
18 views25 pages

Brand Manual US Spreads

The Arganos Brand Manual, created in November 2016, serves as a comprehensive guide for the company's visual identity, including guidelines for logo usage, typography, color systems, and social media. It emphasizes the importance of maintaining a consistent and recognizable brand image across various platforms. The manual is designed for creative companies and aims to ensure clarity and harmony in all communications related to the Arganos brand.

Uploaded by

keithg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views25 pages

Brand Manual US Spreads

The Arganos Brand Manual, created in November 2016, serves as a comprehensive guide for the company's visual identity, including guidelines for logo usage, typography, color systems, and social media. It emphasizes the importance of maintaining a consistent and recognizable brand image across various platforms. The manual is designed for creative companies and aims to ensure clarity and harmony in all communications related to the Arganos brand.

Uploaded by

keithg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

BRAND

MANUAL
A visual idendity guide for
Arganos company

CREATION DATE :
NOVEMBER 2016

ISSUE 01
CORPORATE
DESIGN MANUAL

Ar_01
THEME BRANDING GUIDELINES
AND MANUAL TEMPLATE

CREATED FOR :
ARGANOS
LONDON

a perfect guide for


creative companies
MADE WITH LOVE BY:
EGOTYPE DESIGN
BERLIN
Arganos
Brand Manual 3 // 48

SEC. 00 | INTRODUCTION 04

SEC. 01 | CORPORATE LOGO AND CONSTRUCTION 06

ARGANOS
SEC. 02 | CORPORATE TYPOGRAPHY 12

BRAND
SEC. 03 | CORPORATE COLOR SYSTEM 16

MANUAL
SEC. 04 | CORPORATE STATIONERY 20

SEC. 05 | SOCIAL MEDIA GUIDELINES 24

SEC. 06 | GRID SYSTEMS 30


Table of Contents
SEC. 07 | WIREFRAME SYSTEM 38

SEC. 08 | MOODBOARD AND INSPIRATION 40

SEC. 09 | IMAGES AND BLENDING MODES 42

SEC. 10 | ICONOGRAPHY 43

SEC. 11 | SUMMARY AND CONTACT 44

MADE WITH LOVE BY:


EGOTYPE DESIGN
BERLIN SEC. 12 | DOWNLOADS AND IMPRESS 46
Arganos Arganos
4 // 48 Brand Manual Brand Manual 5 // 48

INTRO:DUCTION
WELCOME ABOARD 01/1
Liquatem iur?
THANK YOU BEING A PART OF OUR COMPANY.
WELCOME ABOARD. Velenes de
-
plab il voloreh
INTRODUCTION OF OUR PRESIDENT:

enisquis
et arunt
Tequis magnam everunt re volupti Sent odipsum etureic to que et duciunt
ntiusament at et omnimo totatin venimus magni inctur autento rporese dicidi corem
anturis explaut alique quatem qui utemquia quas dolupti untiam, incidun tionsequae

venihitin
dolo erum soluptas alite tet id qui utempor rem eos vendae natqui susae doluptis
esequis evelesc iaecabor re conseque dolores molor sum fuga. Nam quossi
qui officab orruntota cus ium rempedi inverum nectatem nusam qui sim comnim

cus et rero
gendandus veniscidus erum as ut idebit, quatest landusame omnienda nimagnihic
toremporias ea conet volo blantia plaborepel to blaborr ovidunt aspid quo et aut apis
is natqui officil magnihi. velestibus inis diciis vid que voles aut

bevolupta
fugitios sae rerferi tiatur magnimus etur
Octotasseque eosapit dolest explit ped ma minvereriate net, utecte velescilit enist vit,
sit modipsam ventio tem. Et earum volo ipis magnienda core preptasi quae pratur?

tatatem aces
voluptibus. Dandunte voluptaqui nias re Quia sit et rempos volupti ariti sum hiliqui
voluptate occust, tet id qui utempor esequis omnihit atquia quistruptum nonsequati to
evelesc iaecabor re, occabor itatem et fuga. cus magnate ctecum et aut aute lit, opta aut

volo des.
restia quianti orrovides alique nime iligend
Nem faccaeptiae expliae core prorporepera ictota nem. Nem quis seque dolorem fugia
ipicte sinvele stectis modis num re sandant. que voluptatus eictem eum qui que praepel
Quas dolentiur? Et ut mo beate nobis lorerchit modi officaborio bla pel isincit
autendenihil iducias adit quostrum accus et aditis destis excepre rnatemo eius.
aut et rem quidipsa quam recus. Il et apel is dolorendae voluptae et ma
doluptas et et reperumque nulparum inciet
quatem iur? Velenes de plab il imenim adi ut eles aut pro conse es ipsam nihit, ex et
fugitatent voloreh enisquis et arunt venihitin atiatet faccum ilique provid qui atecus et quo
cus et rero beatet experrum faccupti tecus quis remoluptatur as diciis unt etur, officat

Ar_01
volupta tatatem aces volo officipsunto mi, invenda.
omnist ommodi dolupta desciatur, sediorio
qui doluptatem dipsus moditat inctia
voluptat odicim exerum fugit, sam as re,
ea voluptas earcia quas quundanda natur
sitionectent asincit, core esciminit asimolut

a perfect guide for


quia quatet essimus eum eatempedi dus
dendige niminul luptae vendae sandem que

creative companies
que vollesenime oditat.
Arganos Arganos
6 // 48 Brand Manual Brand Manual 7 // 48

CORPORATE Full Logotype Full Arganos Logo

LOGOTYPE
Our Logo is the key building
block of our identity, the
Logo Logotype
primary visual element that
identifies us. The signature is a
Single Logotypes
combination of the the symbol
itself and our company name
– they have a fixed relationship THE LOGO SYMBOL THE LOGO TITLE

that should never be changed


Consists of a powerful element Carefully chosen for its modern
evoking the culture of design and yet refined, highly legible
services and a grey square style, which has been further

in any way.
backround. enhanced by the use of upper
case letters in gray tone of the
The main logo is the dark chosen corporate color. The font
logo used on white or colored that is used here is Montserrat
backround. For darker Bold.
The Arganos Masterbrand or Corporate Logo The typeface is Montserrat Bold and has also been backrounds you will find an
comprises two elements, the logo symbol and logo chosen to compliment and balance perfectly with alternatives following in this
type. The Logo Symbol is a powerful image evoking the logo symbol. manual.
the culture of design services - the connection The corporate logo is presented through the use of
between the strength of communication and the colour as well as shape and form. The two corporate
different points that influence. colours are Yellow and Grey. It is a fresh and
appealing blend of colours chosen for their strong
It has a particular relationship with the name. The combination - modern - classic - timeless. Logo Versions LOGO DARK VERSION LOGO LIGHT VERSION
Logo Type has been carefully chosen for its modern The Colours have been selected according to
and yet refined, highly legible style, which has been international standards as shown below and are will be used when the backround will be used when the backround
further enhanced by the use of upper case letters. easily implemented. color ist light colored. color ist dark colored.
Arganos Arganos
8 // 48 Brand Manual Brand Manual 9 // 48

LOGO CONSTRUCTION, x x
1x

CLEARSPACE AND
Logo Construction x x x

COMPUTATION
x

It is important to keep corporate


marks clear of any other graphic
elements. Logo Backrounds

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.

Clearspace x x

DEFINITION Logo Dos and Don‘ts PLEASE READ CAREFULLY


THE DOS AND DON’TS
-
Whenever you use the logo, it
-
x x
should be surrounded with clear 1. Do not place the logo type on 2 lines
space to ensure its visibility and
impact. No graphic elements of 2. Do not invert the logo symbol
any kind should invade this zone. COMPUTATION
3. Do not alter the logo symbol
-
4. Do not alter the logo type style
To work out the clearspace take the height of the logo and divide it in
half. (Clearspace = Height / 2). 5. Do not change the size relationship between the
logo symbol and logo type.

6. Never change the proportions of the logo


vertically or horizontally or alter the appearance
in any way
Arganos Arganos
10 // 48 Brand Manual Brand Manual 11 // 48

Correct Logo
GUIDELINE Placement

FOR LOGO
PLACEMENT
THE LOGO
PLACEMENT

Explanation:
To place the Arganos
logo in the correct way
please use one of the
approved styles that
are shown on the right.
To place the Arganos
logo in other ways is not
allowed.

Parameter
Example Logo
Placement
297 x 210mm
DIN A4
Arganos Arganos
12 // 48 Brand Manual Brand Manual 13 // 48

Corporate Font 01
CORPORATE Source Sans Pro
TYPOGRAPHY
Primary Font : Designer :
Source Sans Pro Claus Eggers Sørensen
- -

01 Bold 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
The
n o p q r s t u v w x y z
corporate
Regular A B C D E F G H I J K L M
Fonts and
N O P Q R S T U V W X Y Z
typography 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
Typography plays an important We have selected Playfair and
role in communicating an overall Montserrat, which helps inject
tone and quality. Careful use energy and enthusiasm into the
of typography reinforces our entire Arganos communications, Figures 0 1 2 3 4 5 6 7 8 9 0
personality and ensures clarity as the primary and secondary
and harmony in all Arganos corporate typefaces.
communications.

Characters ! “ § $ % & / ( ) = ? ` ; :
¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘
Arganos Arganos
14 // 48 Brand Manual Brand Manual 15 // 48

Typo and
CORPORATE Text Hierarchy
TYPOGRAPHY
Arganos Agency Typo
Caption -

Corporate
Text Source Sans Pro Regular
Primary Font : Designer : 6 pt Type / 9 pt Leading

Montserrat Julieta Ulanovsky


Font 02
- -
Montserrat
Copy Text Arganos Agency Typo
-
Source Sans Pro Regular
8 pt Type / 11 pt Leading
Typographic hierarchy
is another form of
visual hierarchy, a sub-
Bold A B C D E F G H I J K L M hierarchy per se in an
overall design project. Headlines ARGANOS AGENCY TYPO
N O P Q R S T U V W X Y Z Typographic hierarchy Copytext
presents lettering so -
a b c d e f g h i j k l m that the most important Montserrat Regular - Capital Letters
words are displayed 10pt Type / 10pt Leading
n o p q r s t u v w x y z with the most impact
so users can scan text
for key information.
Typographic hierarchy
creates contrast Sublines Arganos Agency Typo
Regular A B C D E F G H I J K L M between elements. Sections -
There are a variety of Montserrat Bold - Capital Letters
N O P Q R S T U V W X Y Z ways you can create a 16pt Type / 16pt Leading
sense of hierarchy. Here
a b c d e f g h i j k l m are some of the most
common techniques for
n o p q r s t u v w x y z
Arganos Titles
Arganos´ layouts.
Big
Headlines -
and Title Montserrat Bold - Capital Letters
34pt Type / 30 pt Leading
Figures 0 1 2 3 4 5 6 7 8 9 0

Characters !
¡


§

$
¢
%
[
&
]
/
|
( )
{
=
}
?

`
¿
; :

Sequencer
and
Title for
Marketing
Arganos
-
Montserrat Bold - Capital Letters
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ 48pt Type / 48 pt Leading
Arganos Arganos
16 // 48 Brand Manual Brand Manual 17 // 48

CORPORATE COLOR Secondary Color system


-

SYSTEM
Explanation:
The Secondary colors are complementary to our official colors, but are not recognizable
identifiers for Arganos company. Secondary colors should be used sparingly, that is, in less
than 10 percent of the palette in one piece.

THE PRIMARY COLOR SYSTEM AND COLOR CODES.

Color plays an important role in the Arganos these colors will contribute to the cohesive
corporate identity program. The colors and harmonious look of the Arganos brand
below are recommendations for various identity across all relevant media. Check
media. A palette of primary colors has with your designer or printer when using the Color Codes Color Codes
been developed, which comprise the “One corporate colors that they will be always be CMYK : C020 M000 Y000 K080 CMYK : C020 M000 Y000 K080
Voice” color scheme. Consistent use of consistent. Pantone : 442C Pantone : 442C
HKS : 98K HKS : 98K
RGB : R000 G000 B000 RGB : R000 G000 B000
Web : #000000 Web : #000000

PRIMARY COLOR PRIMARY COLOR

GOLD GREY

Color Codes Color Codes


CMYK : C020 M000 Y000 K080 CMYK : C020 M000 Y000 K080
Pantone : 442C Pantone : 442C
HKS : 98K HKS : 98K
RGB : R000 G000 B000 RGB : R000 G000 B000
Web : #000000 Web : #000000

PRIMARY COLOR PRIMARY COLOR

YELLOW GREY

- -

COLOR CODES COLOR CODES Color Codes Color Usage


CMYK : C020 M000 Y000 K080
CMYK : C000 M020 Y100 K000 CMYK : C000 M020 Y100 K000 Pantone : 442C
Pantone : 297C Pantone : 297C HKS : 98K Use them to accent and
HKS : 02K HKS : 02K RGB : R000 G000 B000 support the primary color
RGB : R000 G000 B000 RGB : R000 G000 B000 Web : #000000 palette.
Web : #000000 Web : #000000
Arganos Arganos
18 // 48 Brand Manual Brand Manual 19 // 48

The Company The Company


Letterhead Business Cards

This shows the


This shows the approved layouts with the primary
approved layouts
elements of the Arganos stationery system for business
with the primary ARGANOS

cards.
Main Avenue, 7th
New York, United States

elements of T. 01 23 4567 8901


F. 01 23 4567 8901

the Arganos
info@arganos.com
www.arganos.com

July, 2ne 2017


stationery system Dear
Mr. Max Jefferson

for the front- and


Creative Director
London, GB

backside of the Color plays an important role in the Grey Agency´s corporate identity program. The colors below
MR. MA X JEFFERSON
CREATIVE DIRECTOR
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

letterheads. cohesive and harmonious look of the Grey Agency´s brand identity across all relevant media. Check
with your designer or printer when using the corporate colors that they will be always be consistent.
ARGANOS
Excero mo dit voluptatur, quunti ra dolupta sit quat archicatibus rae ni arum MAIN AVENUE, 7TH
remque repel iliquo ipsaper atibusant mint quam fuga. Itate cus, ut eum estiam ium NEW YORK, USA
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. T. 01 23 4567 8901 INFO@ARGANOS.COM W W W.ARGANOS.COM
As et ut dolut voloritatium explige ndenditia dolum erci omni beariberia que dist off icabo. Icillabo. F. 01 23 4567 8901 W W W. ARGANOS.COM
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.
Business Card Frontside Business Card Backside
Berst Regards

MAXWELL DOE
DIRECTOR

Take a slogan here △ Take a slogan here △ Take a slogan here

Parameter Parameter

Dimensions Dimensions
210 x 297 mm 85 x 55 mm

Weight USAGE Weight USAGE


90g/m 400g/m
Uncoated white - Uncoated white -

The letterheads will be used for all official contact and communication The business cards will be used for all official contact and communication
Print of Arganos company. Insert the message of Arganos into the Print of Arganos company. Place your data into the Arganos business
CMYK letterhead and send your documents throughout the world. CMYK cards and feel free to give them to your customers and partners.
Arganos Arganos
20 // 48 Brand Manual Brand Manual 21 // 48

The Company The Company


Envelope Presentation Folder

This shows the


approved layouts

Andundanis cusci blam sa


SHORT HEADLINE

nias rem autas alibusda


sequam, cumquae.
with the primary

Metricss Presentation Folder


elements of

Andundanis cusci blam sa


SHORT HEADLINE

nias rem autas alibusda


sequam, cumquae.
the Arganos
stationery system
www.arganos.com
for the front-
and backside of Envelope Frontside

the corporate

Address:
Email:
Mobile:
Phone:

CONTACT DATA
envelopes.

Main Avenue, New York City, USA


info@arganos.com
+01 (0) 123 456 7890
+01 (0) 123 456 7890
www.arganos.com

Envelope Backside

Parameter Parameter

Dimensions Dimensions
210 x 105 mm 9 x 12 inch closed

Weight USAGE Weight USAGE


85g/m 400g/m
Uncoated white - Uncoated white -

The envelop will be used for all official contact and communication The presentation folder will be used for all official contact and
Print of Arganos company. Insert the Arganos letterhead and Print communication of Arganos company. Insert the informational stuff
CMYK send your documents throughout the world. CMYK what you will give away and do not forget to include a business card.
Arganos Arganos
22 // 48 Brand Manual Brand Manual 23 // 48

ARGANOS SOCIAL
Rules of
MEDIA GUIDELINES Engagement

AND POLICY
1. Disclose 2. Protect 3. Use Common Sense
Your honesty—or dishonesty—will be Make sure all that transparency doesn’t Perception is reality and in online social
quickly noticed in the social media violate Arganos’s confidentiality or le- networks, the lines between public and
environment. Please represent Arganos gal guidelines for commercial speech— private, personal and professional, are
ethically and with integrity. or your own privacy. Remember, if blurred. Just by identifying yourself as
HERE YOU WILL FIND INFORMATION ABOUT THE you’re online, you’re on the record— an Arganos employee, you are creating
SOCIAL MEDIA POLICY OF ARGANOS COMPANY. everything on the Internet is public perceptions about your expertise and
Be transparent: and searchable. And what you write is about Arganos. Do us all proud.
- ultimately your responsibility.
If you make an endorsement or
INTRODUCTION TO OUR SOCIAL MEDIA POLICY: recommendation about Arganos’s Add value:
products/technologies, you must Don’t tell secrets:
disclose that you work for Arganos. If There are millions of words out there—
you do not have an “Arganos” handle, Never reveal Arganos classified or con- make yours helpful and thought-pro-
Social media is changing the way we Participation in social computing on then use “#work4Arganos” in your fidential information. If you are posting voking. Remember, it’s a conversation,
work, offering a new model to engage behalf of Arganos is not a right but an postings. Using a disclaimer in your bio your job description on LinkedIn, be so keep it real. Build community by
with customers, colleagues, and the opportunity, so please treat it seriously or profile is not enough per the FTC. sure not to reveal confidential product posting content that invites respons-
world at large. We believe this kind and with respect. information. If you’re unsure, check es—then stay engaged. You can also
of interaction can help you to build with Arganos PR or Global Communica- broaden the dialogue by citing others
stronger, more successful business If you want to participate on behalf of Be truthful: tions Group. Off-limit topics include lit- who are writing about the same topic
relationships. Arganos, get your manager’s approval, igation, non-published financials, and and allowing your content to be shared.
complete the socialmedia@arganos If you have a vested interest in some- unreleased product info. Also, please
And it’s a way for you to take part in training, and then send your account thing you are discussing, be the first to respect brand, trademark, copyright,
global conversations related to the handles to the Social Media Center of point it out and be specific about what fair use, and trade secrets. If it gives Don’t make claims:
work we are doing at Arganos and the Excellence. it is. you pause—pause rather than publish.
things we care about. We must use FTC mandated disclaimers
Please know and follow the Arganos in all communications when bench-
These are the official guidelines for Code of Conduct. Failure to abide by Be yourself: Don’t slam the competition: marking or comparing processors. So
participating in social media for these guidelines and the Arganos Code stay away from saying our products are
Arganos. If you’re an Arganos employee of Conduct could result in discipline up Stick to your area of expertise; only Play nice. Anything you publish must be smarter/ faster/ higher-performing in
or contractor creating or contributing to and including termination. Contact write what you know. If you publish to a true and not misleading, and all claims your social media postings. Leave that
to blogs, wikis, social networks, virtual social.media@arganos.com for more website outside Arganos, please use a must be substantiated and approved. to the experts.
worlds, or any other kind of social information. disclaimer like this one: “The postings
media, these guidelines are for you. on this site are my own and don’t nec-
Please also follow the terms and essarily represent Arganos’s positions, Don’t overshare: Did you screw up?
They will evolve as new social conditions for any third-party sites. strategies, or opinions.”
networking tools emerge, so check Be careful out there—once you hit If you make a mistake, admit it. Be up-
back regularly to make sure you’re up “share,” you usually can’t get it back. front and be quick with your correction.
to date. Be up-to-date: Plus, being judicious will help make If you’re posting to a blog, you may
your content more crisp and audi- choose to modify an earlier post—just
If you are leaving Arganos, please ence-relevant. make it clear that you have done so.
remember to update your employment
information on social media sites.
Arganos Arganos
24 // 48 Brand Manual Brand Manual 25 // 48

Facebook Media Guidelines


SOCIAL MEDIA
GUIDES
Cover Image:

• Appear on page at 851 x 315 px


Facebook Page • Anything less will be stretched
• Minimum size of 399 x 150 px
• For the best results, upload an
Profile Image:

• Must be at least 180 x 180 pixels


Just Excuse! RGB JPG file less than 100 kb
• Images with a logo or text may
be best as a PNG file
• Photo will appear on page as
160 x 160 pixels
• Photo thumbnail will appear
throughout Facebook at 32 x
32 pixels

01
This is the photo representing
you or your brand on Facebook.
This square photo will appear on
your timeline layerd over your Shared Image : 1200 x 900 px
cover photo.
• Appear on page at 851 x 315 px
It will also appear when you post • Anything less will be stretched
to other walls, comment on posts • Minimum size of 399 x 150 px
FACEBOOK MEDIA or when you´re searched with • For the best results, upload an
GUIDELINES Facebook´s Open Graph. RGB JPG file less than 100 kb
• Images with a logo or text may
- be best as a PNG file

Explanation:
Here you will find the social
media guidelines for Facebook.

This will help you to prepare


your Posts in correct way and Shared Link : 1200 x 627 px
give you the best possibilities to
provide images and media links • Recommended upload size at
to your audience. This will help 1200 x 627 px
you to have the most effective • Rectangular Photo: Min. 470 x
interaction with your social 246 px in feed
media fans or visitors. • Rectangular Photo: Min. 484 x
252 px on page

Highlight Image : 1200 x 717 px

• Appear on page at 843 x 504 px


• Choose a higher resolution at
that scale for a better quality
Arganos Arganos
26 // 48 Brand Manual Brand Manual 27 // 48

SOCIAL MEDIA
GUIDES Google+ Media
Guidelines

Google+ Page
Cover Image : 1088 x 608 px

• Recommended 1088 x 608 px

02
• Minimum 480 x 270 px
• Maximum 2120 x 1192 px
Profile Image:
The Google+ cover image is the
• Must be at least 250 x 250 px biggest photo on your page, so
• Minimum size 120 x 120 px choose your photo wisely! It is
• Maximum 5000 x 5000 px a great opportunity for you to
• Use Jpg, Gif or Png images showcase a product or service
GOOGLE+ MEDIA your brand offers.
GUIDELINES You upload your image in a
square format and then going
Just Excuse!
- render it into your page as a
circle, so make sure you choose a
Explanation: photo doesn´t cut out your best
Here you will find the social side.
media guidelines for Google+. Shared Image : 497 x 373 px

This will help you to prepare • Appears in home stream an


your Posts in correct way and on page at a width of 426 px
give you the best possibilities to (height is scaled)
provide images and media links • Minimum width of 497 px (will
to your audience. This will help scale the height for you)
you to have the most effective • Maximum upload 2048 x 2048
interaction with your social px
media fans or visitors. • Shared link - 150 x 150 px
(thumbnail)

Shared Image : 150 x 150 px

Shows in the feed and on page


as 150 x 150 pixels (pulls in the
photo from linked website)
Arganos Arganos
28 // 48 Brand Manual Brand Manual 29 // 48

A4 Vertical Grid System


CORPORATE Examples

GRID SYSTEMS
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
SYSTEM

Explanation:
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.

Parameter
Example Grid System
for DIN A4 Parameter
297 x 210mm Example Grid System
for DIN A4
297 x 210mm
Arganos Arganos
30 // 48 Brand Manual Brand Manual 31 // 48

Web Grid
WEB DESIGN & Systems

DEVELOPMENT
SCREEN
HORZONTAL
GRID SYSTEM
EXAMPLES

Explanation:
This shows an approved
layout with a typography
grid for a iPad Screen of
Arganos Agency. This will
be used for Company
mobile websites.
THE LOGO
PLACEMENT

Explanation:
To place the Arganos
logo in the correct way
please use one of the
approved styles that
are shown on the right.
To place the Arganos
logo in other ways is not
allowed.

Parameter
Example Logo
Placement
297 x 210mm
DIN A4
Arganos Arganos
32 // 48 Brand Manual Brand Manual 33 // 48

Web Grid
MOBILE DESIGN Systems

& DEVELOPMENT
SCREEN
HORZONTAL
GRID SYSTEM
EXAMPLES

Explanation:
This shows an approved
layout with a typography
grid for a iPad Screen of
Arganos Agency. This will
be used for Company
mobile websites.
THE LOGO
PLACEMENT

Explanation:
To place the Arganos
logo in the correct way
please use one of the
approved styles that
are shown on the right.
To place the Arganos
logo in other ways is not
allowed.

Parameter
Example Logo
Placement
297 x 210mm
DIN A4
Arganos Arganos
34 // 48 Brand Manual Brand Manual 35 // 48

Screen Grid
SCREEN DESIGN Systems

& DEVELOPMENT
SCREEN
HORZONTAL
GRID SYSTEM
EXAMPLES
Grid Example 1 Grid Example 1
-

Explanation:
This shows an approved
layout with a typography
grid for a 16:9 Screen of
Arganos Agency. This will
be used for Company
presentations in
Powerpoint or Keynote.

Grid Example 1 Grid Example 1 Grid Example 1

HEADLINE ONE HEADLINE ONE HEADLINE ONE HEADLINE ONE

Tequis magnam everunt re volupti ntiusament Tequis magnam everunt re volupti ntiusament Tequis magnam everunt re volupti ntiusament Tequis magnam everunt re volupti ntiusament
at et omnimo totatin venimus anturis explaut at et omnimo totatin venimus anturis explaut at et omnimo totatin venimus anturis explaut at et omnimo totatin venimus anturis explaut
ea conet volo blantia plaborepel is natqui ea conet volo blantia plaborepel is natqui ea conet volo blantia plaborepel is natqui ea conet volo blantia plaborepel is natqui
officil magnihi. officil magnihi. officil magnihi. officil magnihi.

Octotasseque eosapit dolest explit ped ma sit Octotasseque eosapit dolest explit ped ma sit Octotasseque eosapit dolest explit ped ma sit Octotasseque eosapit dolest explit ped ma sit
modipsam ventio tem. Et earum volo modipsam ventio tem. Et earum volo modipsam ventio tem. Et earum volo modipsam ventio tem. Et earum volo

Grid Example 1 Grid Example 1 Grid Example 1


Arganos Arganos
36 // 48 Brand Manual Brand Manual 37 // 48

Wireframe Examples
WIREFRAME for Websites

SYSTEM Grid
Two columns
Grid
Three columns
Grid
Four columns
Grid
Five columns

A website wireframe, also known


as a page schematic or screen
Blog Page Blog Page Portfolio Page Portfolio Page
Single Overview 3 columns Grid based

blueprint, is a visual guide


that represents the skeletal
framework of a website.

Wireframes are created for the


purpose of arranging elements
Team Page Landing Page Shop Shop
Overview One Page Design Products Overview Product Single Page

to best accomplish a particular


purpose.
Arganos Arganos
38 // 48 Brand Manual Brand Manual 39 // 48

Mood Board &


MOOD BOARD Inspiration

Mood boards can be a great way to Be inspired. Be glad.


convey your design idea, win pitches
Be glorious. Be individual.
and get an early sign-off. Follow our
expert advice on how to create them.
MOOOOOD...
Arganos Arganos
40 // 48 Brand Manual Brand Manual 41 // 48

CORPORATE How to add the blending


modes to corporate images
IMAGES
02
Light Images
01
Requirements
Dark
THE ARGANOS
Images CORPORATE IMAGE
: LIGHT IMAGES

THE ARGANOS AGENCY -


CORPORATE IMAGE
: DESCRIPTION Requirements:

- desaturate colours
- - high contrast
- sharp images
Corporate Images are respon- - minimalistic look
sible to transfer the values of - modern and businesslike
Arganos to our customers or our
potential customers. It is a com- THE ARGANOS AGENCY
posite psychological impression CORPORATE IMAGE
that continually changes with the : DARK IMAGES
firm’s circumstances, media cov-
erage, performance, pronounce- -
ments, etc. Arganos Agency use
various corporate advertising Requirements:
techniques to enhance their - desaturate colours
public image in order to improve - high contrast
their desirability as a supplier, - sharp images
employer, customer, borrower, - minimalistic look
partner, etc. - modern and businesslike
Arganos Arganos
42 // 48 Brand Manual Brand Manual 43 // 48

IMAGES AND CORPORATE


BLENDING ICONOGRAPHY
MODES
THE CORPORATE
THE ARGANOS AGENCY BLENDING ICONOGRAPHY OF
MODES FOR IMAGES ARGANOS AGENCY

- -

Image effects and blending modes raise the An icon is a pictogram


concision and the recognizability of a brand. displayed on a screen or
Also they are able to divide content and other print layout in order to help
graphical elements that are used in layouts. In the user navigate through
the same way the support statement of the used the content in a easier way.
images and raise application possibilities. The icon itself is a small
picture or symbol serving
as a quick, “intuitive”
representation of a software
tool, function or a data file.

How to
add the
blending
modes

How to
THE ICONOGRAPHY
How to create PALETTE
Blending modes

1) use it in image in black


and white mode

2) use a placeholder with a


corporate background

3) adjust the layer style to


“multiply”
Arganos Arganos
44 // 48 Brand Manual Brand Manual 45 // 48

Contact &
SUMMARY & Impress

CONTACT

THANK YOU FOR YOUR ATTENTION TO


THIS BRAND MANUAL GUIDE

SUMMARY

Tequis magnam everunt re volupti et arunt venihitin cus et rero beatet sum hiliqui omnihit atquia quistruptum CONTACT
ntiusament at et omnimo totatin experrum faccupti tecus volupta nonsequati to cus magnate ctecum et
venimus anturis explaut alique quatem tatatem aces volo officipsunto omnist aut aute lit, opta aut restia quianti nem. -
qui utemquia dolo erum soluptas alite ommodi dolupta desciatur, sediorio Nem quis seque dolorem fugia que
tet id qui utempor esequis evelesc inctia voluptat odicim exerum fugit, voluptatus eictem eum qui que praepel Company:
iaecabor re conseque qui officab sam as re, ea voluptas earcia quas modi officaborio bla pel isincit aditis Arganos
orruntota cus ium rempedi gendandus quundanda natur sitionectent asincit, destis excepre rnatemo eius.
veniscidus erum as ut idebit, core esciminit asimolut quia quatet
toremporias ea conet volo blantia essimus eum eatempedi dus dendige Il et apel is dolorendae voluptae et ma
plaborepel is natqui officil magnihi. niminul luptae vendae sandem que que doluptas et et reperumque nulparum Contact:
vollesenime oditat. as diciis unt etur, officat mi, invenda
Octotasseque eosapit dolest explit ped dolupit, solore ne nus enimpos et endis Company President
ma sit modipsam ventio tem. Et earum Sent odipsum etureic to que et duciunt eat haria simolupta nat. Mark Anderson
volo voluptibus. Dandunte voluptaqui magni inctur autento rporese dicidi
nias re voluptate occust, tet id qui corem quas dolupti untiam, incidun Genitat iorrum enduntem es nos vel eos E: manderson@Arganos.com
utempor esequis evelesc iaecabor re, tionsequae rem eos vendae natqui dest, nimpe aut voluptur maxim aniet P: +01.132.4567.890
occabor itatem et fuga. susae doluptis dolores molor sum fuga. aut rem sit, si tem. Ut eos eos ipsae
Nam quossi inverum nectatem nusam eum rerios ilit assuntia providemo bla Vice President
Nem faccaeptiae expliae core qui sim comnim quatest landusame vel mo beat experior siti omnihil eos Dean Michaels
prorporepera ipicte sinvele stectis omnienda nimagnihic to blaborr. experib usaperent, aceatur?
modis num re sandant. Quas dolentiur? E: dmichaels@Arganos.com
Et ut mo beate nobis autendenihil Ovidunt aspid quo et aut apis P: +01.132.4567.890
iducias adit quostrum accus et aut et velestibus inis diciis vid que voles aut
rem quidipsa quam recus. fugitios sae rerferi tiatur magnimus etur Marketing Director
minvereriate net, utecte velescilit enist Mark Anderson
quatem iur? Velenes de plab il vit, ipis magnienda core preptasi quae
imenim fugitatent voloreh enisquis pratur? Quia sit et rempos volupti ariti E: manderson@Arganos.com
P: +01.132.4567.890
Arganos Arganos
46 // 48 Brand Manual Brand Manual 47 // 48

Downloads
DOWNLOADS & & Impress

IMPRESS
IMPRESS

Arganos Logo -
THE CORPORATE
DESIGN OF ARGANOS, Web link Agency:
Link : http://www.Arganos.com/cd/logo.zip Design.Inc
DOWNLOAD LINKS
OF THE SINGLE
DESIGN ITEMS
Contact:
-
Executive Director
Explanation: Mark Anderson
For quick help and faster Marketing Comma,
project development you will Arganos Stationery
get the download links to the E: info@Comma,.tv
several brand guidelines and Web link P: +01.132.4567.890
the editable data. To download Link : http://www.Arganos.com/cd/stationery.zip
the single items please scan the Creative Director
QR-codes or follow the given Mark Anderson
hyperlink. You will also find Marketing Comma,
the complete Brand Manual as
a PDF file for sending this to E: info@Comma,.tv
responsible agencies or person P: +01.132.4567.890
that need your guidelines.
Art Director 1
Arganos Mark Anderson
Marketing Comma,
Iconography Web link
Link : http://www.Arganos.com/cd/icons.zip E: info@Comma,.tv
P: +01.132.4567.890

Art Director 2
Mark Anderson
Marketing Comma,

E: info@Comma,.tv
P: +01.132.4567.890

Arganos Full Manual


Web link Nem faccaeptiae expliae core
Link : http://www.Arganos.com/cd/fullmanual.pdf prorporepera ipicte sinvele stectis
modis num re sandant. Quas dolentiur?
www.Arganos.com

CREATION DATE :
NOVEMBER 2016

ISSUE 01
CORPORATE
DESIGN MANUAL

THEME BRANDING GUIDELINES


AND MANUAL TEMPLATE

CREATED FOR :
ARGANOS
LONDON

MADE WITH LOVE BY:


EGOTYPE DESIGN
BERLIN

M.
Thank you for being a
part of our brand.

You might also like