elan

Brand
Guidelines
elan

Digital Agency
elan

2 eltiT
noitceS
2 Section
Title
 contents

frame 1 frame 2 frame 3

Identity
Logo Typography
Overview

frame 4 frame 5 frame 6

Print Web
Examples
Style Guide Style Guide
 Usage Guidelines
01 02 03

Logo Usage Brand Assets Color Palette

Generally, the “logo colors” act as Please do not use, display, mirror or Avoid deviating from the core set of
pop colors in illustrations or icons frame (including in metatags or colors or creating tints of these
but should not be used in design hidden text) our company assets. values.
elements.

01 ELAN
 Using our brand assets correctly

senilediuG
1. Logo Usage
Generally, the “logo colors” act as pop colors in illustrations or icons but should not be used in
design elements.

2. Brand Assets
Please do not use, display, mirror or frame (including in metatags or hidden text) our company
egasU

assets.

3. Color Palette
Avoid deviating from the core set of colors or creating tints of these values.

01 ELAN
 Typography

AZ
The DOLCE VITA is our company's
primary font. We always use it. When
you’re writing, use it. When you're
making a presentation, use it. When
in doubt, use AZONIX.

DOLCE VITA also comes in bold. It’s

called DOLCE VITA Serif Bold.

01 ELAN
DOLCE VITA

Ae
DOLCE VITA REGULAR

Bold
ABCDEFGHIJ
01234567890

Regular
ABCDEFGHIJ
01234567890

Light
ABCDEFGHIJ
01234567890
3
yhpargopyT DOLCE VITA REGULAR
AaBbCcDdEeFfGg
HhIiJjKkLlMmNn
OoPpQqRrSsTtUu
VvWwXxYyZz
T y po g r a p h y

Headline
Azonix
About
AZONIX
Medium
48 px
80% line height
0% tracking
A little bit of history about this amazing font. According to the Google
Paragraph Font website, it was designed to illustrate the unique relationship
Apfel Grotesk between mankind and machines. Modernism, urban, futur, you feel
Regular that when you look at this font? Because we are.
18 px
110% line height
1% tracking

01 ELAN
 Color Palette
Primary: Royal blue (traditional)
Our primary color is Royal blue
(traditional).
#002366 80% We use variances ranging from sky
blue to sea blue, depending on how
confident and professional we feel.

60%

40%

20%

01 ELAN
 #002366 80%
Color Palette
Our primary color is Royal blue
(traditional).
We use variances ranging from sky
blue to sea blue, depending on how
confident and professional we feel. 60%

40%

20%

01 ELAN
 Color Palette
Our brand uses colors purposefully
#002366 #181818 #666666 #FFFFFF
to communicate how things
function in the interface. This helps
us create visual patterns that can
make interacting with our product
easier and more predictable.

01 ELAN
Color Palette

01 ELAN
 Color Palette
Our brand uses colors purposefully
to communicate how things
function in the interface. This helps
us create visual patterns that can
make interacting with our product
easier and more predictable.

#FF5530
RGB: 255/85/48
CMYK: 0/67/81/0

#002366 #FF5530
RGB: 0/71/171 RGB: 255/85/48
CMYK: 100/58/ 0/33 CMYK: 0/67/81/0

#666666
01 ELAN
RGB: 255/0/48
CMYK: 0/67/1/0
 Lo g o
Our logo is our most valuable asset.
It's not a shape-shifter, and doesn't
have plans to become one anytime
soon. So, please do not edit, change,
or distort it in any way.

elan

01 ELAN
Photography
All company photography may be
used for editorial purposes only.
Any other use of our media assets
for commercial use is strictly
prohibited. Personal use is allowed
under limited circumstances (only
for Instagram profile photos).

01 ELAN
Style Guide
 Photography
Commercial Usage Policy
All company photography may be used for editorial purposes only. Any other use
of our media assets for commercial use is strictly prohibited. Using company
photography downloaded from the site or acquired by other means for
commercial use is strictly prohibited.

Personal Usage Policy

Personal use is allowed under limited circumstances (only for Instagram and Tinder
profile photos).

01 ELAN
 Grid
Nine-Column Grid System
Some companies use 12-column
grid systems, but we don't. We use

elan
nine. Nine-column grids. Every day
of the week. Sometimes on Fridays,
we like to move it move it (but always
inside the grid).

01 ELAN
elan
Iconography
Our iconography is connected to
our typography at a fundamental
level. It, too, was designed to
illustrate the unique relationship
between mankind and machine.

Icons and their usage principles

enable you to communicate quickly
and effectively across all
touchpoints.

01 ELAN
Examples
Title
Subheadline
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
In in faucibus tortor. Proin id
fermentum odio. Aenean
non augue eu sapien
volutpat porttitor quis vel
ligula.

Subheadline
Pellentesque bibendum
maximus placerat. Quisque
egestas justo non dolor
euismod, semper magna.

01 ELAN
Title
Subheadline
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
In in faucibus tortor. Proin id
fermentum odio. Aenean
non augue eu sapien
volutpat porttitor quis vel
ligula.

Subheadline
Pellentesque bibendum
maximus placerat. Quisque
egestas justo non dolor
euismod, semper magna.

01 ELAN
Title
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
In in faucibus tortor. Proin id
fermentum odio. Aenean
non augue eu sapien
volutpat porttitor quis vel
ligula. Etiam pulvinar ante
convallis ligula pulvinar
elementum.

01 ELAN
Title
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
In in faucibus tortor. Proin id
fermentum odio. Aenean
non augue eu sapien
volutpat porttitor quis vel
ligula. Etiam pulvinar ante
convallis ligula pulvinar
elementum.

01 ELAN
Thanks