Lignes directrices de la marque

Il faut utiliser ce guide lors de la création de tout produit de communication pour Digital Main Street. Il devrait être consulté à chaque étape du processus de conception, afin d'assurer la création d'une apparence uniforme qui contribue à la réussite globale de la marque.

C'est le logo principal de Digital Main Street. Si possible, c'est la version à utiliser pour chaque occasion.

La distance relative entre ce logo et tout autre élément, texte ou fond surchargé devrait être au moins de la largeur de la lettre « M ». Pour en savoir plus, voir les exemples de non-respect du logo.

Cette petite version du logo ne peut être utilisée que lors de circonstances spéciales où les espaces ne permettent pas d'utiliser le logo principal, notamment lorsqu'il y a présence d'une favicône. Cette version ne doit être utilisée qu'en dernier recours, une fois toutes les autres solutions épuisées.

À chaque occasion possible, la version pleine couleur du logo devrait être utilisée. Lorsque ceci n'est pas possible, le blanc est un autre choix de couleur acceptable. Le noir ne devrait être utilisé qu'en dernier recours.

Tous les logos du programme, à l'exception de celui d'AchatsICI, devraient être affichés avec le texte tout en majuscules et dans les styles indiqués ci-dessous. Le deuxième mot devrait toujours être entouré de la ligne de plaque de rue et les couleurs devraient correspondre à celles du logo de Digital Main Street. Toutes les autres lignes directrices portant sur le logo s'appliquent également aux logos du programme.

Veuillez ne pas courber, étirer, pencher, déplacer, déformer ni ajuster ce logo ou tout autre logo de DMS de quelque façon qui soit, ni en modifier les couleurs ou la typographie.

Il est impératif d'identifier si le produit créé sera vu en ligne ou de façon imprimée, et de choisir l'espace de couleur correspondant. Les codes de couleurs ci-dessous ont été sélectionnés manuellement et optimisés pour leur média, ce qui signifie qu'ils ne s'adapteront pas de façon automatique et devront être ajustés ou vérifiés manuellement. Par exemple, si vous créez un document pour une impression générale, assurez-vous que le mode de couleur du document est CMYK et saisissez les valeurs CMYK, peu importe les autres valeurs d'espace de couleurs.

Ce sont les principales couleurs de DMS. Elles sont principalement utilisées pour du texte et autres rappels comme des boutons. On peut parfois les utiliser en couleur de fond, comme sur des cartes professionnelles, par exemple.

Ce sont les couleurs secondaires de DMS. Elles sont à privilégier pour les fonds, les supports graphiques, les couleurs de texte, etc.

Il faut principalement utiliser la police PT Serif Caption pour les titres et les sous-titres.

La police Roboto doit être utilisée pour toute autre occasion, comme pour les paragraphes, les légendes, etc.

La police Bebas Neue ne devrait être utilisée que pour la création de nouveaux logos de programmes.

En général, les images utilisées pour Digital Main Street devraient être légères, aux tons chauds, nettes, avec un faible contraste, et idéalement, elles devraient montrer un propriétaire d'entreprise. Ces images devraient avoir une allure professionnelle et être de haute qualité. Elles ne devraient jamais être pixélisées ou déformées.

Si l'image sert d'arrière-plan, assurez-vous qu'il y a suffisamment de blanc pour le texte, et donc que la zone de l'image a un faible contraste et est aussi unie que possible.

Le style et l'illustration au trait des icônes sont simples, et ces dernières sont créées en utilisant la palette de couleurs DMS. Les icônes devraient être aussi simples que possible, sans dénaturer le contexte. Elles figurent souvent dans un cercle et peuvent inclure 2 à 3 couleurs différentes.

Pour que la marque soit facile à reconnaître, chaque communication devrait inclure un ou plusieurs des éléments graphiques suivants.

Cet élément graphique est un rappel de l'origine de Digital Main Street. Les formes organiques, créées pour évoquer la maçonnerie, sont chaleureuses et donnent un sentiment de proximité. D'autres objets aux formes organiques subtiles sont acceptables, à condition qu'ils se rapportent à la marque d'une façon ou d'une autre.

La superposition asymétrique de triangles colorés sur les bords de pages ou de graphiques est idéale pour encadrer le contenu. Essayez d'utiliser des triangles avec des couleurs plus pâles.

Les dégradés utilisés par le passé sont vieillis et un peu brouillés lorsqu'on les mélange à plusieurs couleurs. N'utilisez pas de dégradés superposés. Trouvez plutôt une photo qui contient suffisamment d'espace blanc pour que le texte se place bien sur une image et qu'il y ait assez de contraste pour que le texte soit lisible.

Les lignes directrices suivantes sont propres au média que vous créez. Veuillez garder ceci en tête lors de la création. Utilisez cette photo comme exemple des lignes directrices ci-dessous.

Lorsque c'est possible, placez le logo dans le coin supérieur gauche du graphique.

Lorsque c'est possible, il est préférable d'utiliser un fond plus clair. Comme mentionné dans la section des couleurs, il est impératif de choisir le bon espace de couleur et les bons codes, en fonction du fini voulu, sinon l'apparence des couleurs pourrait différer du résultat voulu. Par exemple, si l'utilisation est numérique, les couleurs devraient utiliser l'espace de couleur RGB.

La lisibilité est la fonction primordiale de toute communication visuelle. La couleur du texte devrait être très contrastée avec le fond, qu'il s'agisse d'une image ou d'une couleur unie. Si le texte n'est pas lisible, faites les ajustements nécessaires pour qu'il le soit.

En plus des lignes directrices pour l'utilisation numérique, il faut garder en tête certaines lignes directrices propres à l'impression. Utilisez cette photo comme exemple des lignes directrices ci-dessous.

En raison de la nature des éléments graphiques en forme de triangle, il est préférable d'utiliser un fond perdu (bleed) lors de l'impression professionnelle des documents. Ceci donnera l'impression que le graphique a été imprimé jusqu'au bord du papier.

Assurez-vous d'utiliser le bon espace de couleur et d'entrer les bons codes pour chaque couleur. Par exemple, lorsque vous créez un document qui sera imprimé, assurez-vous que le document est en CMYK et d'utiliser les valeurs CMYK citées ci-dessus lors de l'ajout des couleurs.

Voici quelques exemples d'utilisation de la marque. Vous pouvez télécharger certains de ces éléments ici.