Base

Brand

We are using two types of logo :

  • The type lockup : white or dark
  • The mark ( mobile icon )

Type lockup

Mark

  <ul>
    <li>The type lockup : white or dark</li>
    <li>The mark ( mobile icon )</li>
  </ul>

  <div class="row">
    <div class="col-xs-6">
      <h4>Type lockup</h4>
      <img class="azendoo-typelockup" src="images/typelockup/azendoo-type-lockup@32px.png"/>
    </div>
    <div class="col-xs-6">
      <h4>Mark</h4>
      <img class="azendoo-mark" src="images/mark/azendoo-logo.png"/>
    </div>
  </div>

Colors

There are three main color : a blue, dark grey and simple white. As secondaries colors, purple, green, dark blue and yellow are available

Primary colors :

 
bg-blue : #1e8bc6
 
bg-white : #ffffff
 
bg-brand-gray : #75848D


Secondary colors :

 
bg-green : #27AD8D
 
bg-red : #AD1A26
 
bg-gray : #666

Icons

TODO : Examples

Typography

We primarily use the Myriad pro font family: elegant and direct. Using Helvetica Neue for well-designed titles in our product to enhance the user experience.

Source Sans Pro

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 ? ! @ # $ % ^ ( *

Raleway

A B C D E F G H J I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 ? ! @ # $ % ^ ( *