charte graphique lipsti

27
CHARTE GRAPHIQUE

Upload: diego-zambrano-braun

Post on 06-Mar-2016

233 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Charte graphique Lipsti

CHARTE GRAPHIQUE

Page 2: Charte graphique Lipsti

Logotype

Page 3: Charte graphique Lipsti
Page 4: Charte graphique Lipsti

Variantes du logo+ aperçus baseline

Page 5: Charte graphique Lipsti
Page 6: Charte graphique Lipsti
Page 7: Charte graphique Lipsti
Page 8: Charte graphique Lipsti
Page 9: Charte graphique Lipsti
Page 10: Charte graphique Lipsti
Page 11: Charte graphique Lipsti
Page 12: Charte graphique Lipsti
Page 13: Charte graphique Lipsti

Explication du logo

Page 14: Charte graphique Lipsti

Le logo se base sur la police Bello. C’est une police manuscrite brush avec un contraste qui améliore la lisibilité,cette typo est parfaite pour créer une identité graphique forte.Bello est actuelle et s’adresse clairement aux jeunes, c’est en priorité eux qu’il faut séduire.La police est customisée pour en faire une vraie typo scripte, ajout d’un nouveau caractère «i» pour ne pas faire la même erreur que zootool qui utlise Bello en gardant quatre «o»identiques, ce qui est impossible à réaliser avec un pinceau.L’absence de majuscule permet à la marque d’être plus accessible et proche de ses clients.Pour dynamiser le logo on s’appuie sur une courbe, toutes les lettres et les liaisonsentre les caractères ont été ajustées pour plus de fluidité.Bello ne doit pas être utilisée autre part que dans le logo.

un exemple de liaison par défaut entre le «s» et le «t» qui a été changé pour améliorer la lisibilité du logo

Page 15: Charte graphique Lipsti

Voici quelques règles d’utilisation du logo. Celles-ci concernent aussi bien les marges que le choix de la variantes en fonction du fond. Elles sont à respecter pour un bonne lisibilité du logo et qu’il soit également reconnaissable sur tout support.

Marges minimum

Hauteur minimal conseillée (2 cm)

Hauteur minimal de lisibilité (1 cm)

2x

x

x

x

x

Page 16: Charte graphique Lipsti

Ci-dessous et à droite vous retrouverez des transformations du logo ou l’apposition du logo sur un fond. Les exemples barrés sont des manipulations du logo déconseillées.

Page 17: Charte graphique Lipsti
Page 18: Charte graphique Lipsti

Mise en situation

Page 19: Charte graphique Lipsti
Page 20: Charte graphique Lipsti
Page 21: Charte graphique Lipsti
Page 22: Charte graphique Lipsti
Page 23: Charte graphique Lipsti

Couleurs

Page 24: Charte graphique Lipsti

#FFFFFF #36C2E2 #00000

Page 25: Charte graphique Lipsti

Typographie

Page 26: Charte graphique Lipsti

Texte en Source Sans pro la nouvelle police gratuite d’Adobe,Source Sans est une police très sobre, elle est souvent utilisée en web, il faut une police «calme» pour contrebalancer le logo ça pose la marque, il ne faut en aucun cas utliser une police comme Bello dans un texte.Utiliser Source Sans dans les mails informatifs, newsletters et la communication vers les entreprises.En 16 points pour les textes sur internet, et en 12 pointsmaximum pour les textes imprimés.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzLucida16pts

Source Sans Pro16pts

Page 27: Charte graphique Lipsti