BrandBook Š 2014 VictoireDCMS - Appventus. All rights reserved.
Bienvenue Utilisez ce guide pour mieux communiquer autour de Victoire DCMS sur des supports numĂŠrique et print.
Sommaire 01 Logo 02 Typographies 03 Couleurs 04 Iconographie 05 NumĂŠrique 06 Photos
01 Logo
Logo principal
Le logo comporte une association de deux typographies (ITC Avant Garde Gothic + Verlag). Cette association permet d’obtenir une forte identité, le V de Victoire est facilement reconnaissable. La fusée est le symbole d’une technologie évoluée et puissante.
IntĂŠgration du logo sur un fond de type photo
Les valeurs d’ombre pour le logo
Logos alternatifs
#01 #02
Ces déclinaisons du logo doivent être utilisée uniquement si le logo principal ne fonctionne pas. Sur des petits formats, il faudra privilégié le logo #01. Le logo #02 devra être utilisé pour des formats horizontaux de type header avec peux de place en hauteur.
Ce qu’il faut faire et ce qu’il ne faut pas faire #01 #01 Espace autours du logo Toujours laisser de l’espace autours du logo pour le faire respirer.
#02 #02 Rotation du logo Il ne faut pas faire pivoter le logo.
#03 #03 Transparence du logo Vous pouvez ajouter de la transparence au logo pour faciliter son intégration sur une photo/ vidéo (50% d’opacité minimum).
#04 #04 Effets sur le logo Ne pas utiliser d’effets sur le logo quand il est sur fond blanc. L’utilisation d’une ombre doit uniquement permettre au logo de ressortir sur un fond de type photo (Voir exemple page precedente).
02 Typographie
Typographie principale
https://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro
Web Font VictoireDCMS est optimisé pour augmenter la productivité des utilisateurs. Pour optimiser le temps de chargement des pages, il faut donc utiliser au maximum 4 variantes (Light, Normal, Normal Italic et Bold).
Print & Communication Il n’y a aucune restriction d’usages pour l’utilisation de la typographie « Source Sans Pro » pour un usage de type Print ou de type Communication.
03 Couleurs
Couleurs principales Gamme
Émeraude
#04BF96, #02A380
Améthyste
#AE3484, #810456
Hématite
#333333, #000000
Pierre de Lune
#EBEBEB, #CCCCCC
Utilisez la palette de couleurs dans les proportions ci dessus pour communiquer sur les différents supports print & web.
Contraintes avec le DCMS
Le vert doir être utilisé pour mettre en valeur le mode « Édition ».
Le violet doit être utilisé pour mettre en valeur le mode « Statistique ».
Il existe une gamme clair et une gamme sombre pour chaque couleur. Cette gamme permet l’utilisation d’effets de type Hover.
Couleurs secondaires
Tourmaline
#E74C3C, #C0392B
Topaze
#3498DB, #2980B9
Ambre
#E67E22, #D35400
Les couleurs secondaires ne doivent pas être utilisés pour communiquer autours de Victoire, elles existent uniquement pour permettre aux utilisateurs de Victoire d’identifier des erreurs de saisies ou les dangers potentiels liées à la suppression d’un élément...
Contraintes avec le DCMS
Les couleurs secondaires doivent uniquement être utilisés pour le DCMS. Leur symbolique permettent de faire passer différents messages :
04 Iconographie
Ic么nes du DCMS
http://www.brankic1979.com/icons/
Utilisation des icônes
Pour permettre d’illustrer certaines actions ou catégories dans le DCMS, nous utilisons la librairie d’icônes de Brankic. Si il manque des icônes, Il est possible d’utiliser une deuxième librairie pour compléter comme Entypo.
05 Numérique
Graphic User Interface Voici les différents éléments nécessaire à la construction de Victoire DCMS.
06 Photos
Association de la marque avec des photographies
Humain
Technologie
Jeunes adultes, mains.
Circuits éléctroniques, fusées, nouvelles technologies.
Pose : ne regarde pas l’objectif, occupé par quelque chose.
Espace Grands espaces naturels ou urbains, pour évoquer des notions de base liées à des fonctionnalités de Victoire : Statique, dynamique, création de modèles, gestion de fichiers, création de pages...
Doit refléter la notion de puissance.
Intégration du logo sur les photos Le logo doit être positionné en haut à droite ou en bas à droite de la photo. Cependant si le contraste entre l’image et le logo n’est pas suffisant, il est possible de le déplacer dans une zone de l’image plus sombre.
La genèse de Victoire
Comprendre Victoire
Gestion de contenu statique
Gestion de contenu dynamique
CrĂŠation de pages
Édition par fenêtre modale
Gestion de modèles
Gestion de fichiers
Notre ambition
DĂŠveloppements futurs
Š 2014 VictoireDCMS - Appventus. All rights reserved.