Identité Visuelle MECOBAT

Mai - 2021
Sommaire Identité visuelle MECOBAT
Eléments basiques Logo, insigne 1
Typographie, couleurs 2
Eléments graphiques 3

Charte graphique Logo & insigne

Définition 5
Zone de protection 6
Positionnement 7
Taille minimale 8
Interdits 9
Couleur sur fond clair 10
Couleur sur fond sombre 11
Couleur de l’insigne en rappel 12

Les couleurs de la marque 13

Typographie
ROBOTO, 12 styles 14
Polices de substitution bureautique 15
Hiérarchie 16

Graphisme
Eléments 17
Fonds blancs 18
Fonds bleus 19
Fonds images avec filtre bleu 20

Applications
Print : cartes de visites, bloc note 21
Print : papier à en-tête 22
PDF : fiches de référence 23
Présentation écran 24
Web 25
Sources 26
Eléments basiques Le logo 1

Présentation synthétique de Le logo est composé d’un M stylisé, de 4 carrés, du nom de la marque.
l’identité visuelle.

Pour plus détails, se référer à la

charte graphique.

L’insigne

L’insigne est composé de la partie haute du logo.

Eléments basiques La marque 2

Présentation synthétique de MECOBAT = Management des Etudes et COnception du BATiment.

l’identité visuelle.

Pour plus détails, se référer à la

charte graphique.
Typographie d’accompagnement de la marque

La typographie d’accompagnement est ROBOTO

Type de licence : Libre (Apache License, Version 2.0.)

Designer de la typographie : Christian Robertson.
ROBOTO est disponible sur le site Google Fonts.
ROBOTO comprends 12 styles.

Typographie de remplacement

Lorsqu’il n’est pas techniquement possible d’utiliser ROBOTO,

la typographie de remplacement est ARIAL.

Couleurs de la marque

Bleu MECOBAT Gris MECOBAT Noir Blanc

Eléments basiques Eléments graphiques 3

Présentation synthétique de Les éléments graphiques accompagnant la marque, sont des formes géométriques simples.
l’identité visuelle. Elles peuvent être extraites de l’insigne de la marque.

Pour plus détails, se référer à la

charte graphique.
 4

Charte Graphique MECOBAT

Mai - 2021
Logo & insigne Définition 5

Le logo Le logo MECOBAT

Le logo est composé de :

• L’insigne MECOBAT
• La typographie MECOBAT

L’insigne L’insigne MECOBAT

L’insigne est un extrait graphique

du logo.
L’insigne n’est pas le logo.

L’insigne est utilisé en rappel

graphique de la marque, uniquement
dans un contexte où la marque est
déjà identifiée.
Logo & insigne Zone de protection 6

On laisse le logo et l’insigne respirer

de la valeur de 2 carrés qui les
composent :
en haut, en bas, à gauche et à droite.
Logo & insigne Positionnement 7

Le logo est centré

Le logo MECOBAT est centré

horizontalement.
Cependant, des cas particuliers sont
possibles et ne sont pas interdits.

Le Sigle est positionné où l’on veut.

Le sigle peut être disposé où l’on veut,

horizontalement et verticalement.
Logo & insigne Taille minimale de reproduction 8

Le logo et l’insigne ne doivent Taille minimale pour impression

ni pixelliser, ni flouter, ni boucher.

Privilégier les formats vectoriels.

Adapter ces consignes en fonction

des supports et techniques de
Logo 20mm. Insigne 5mm.
reproduction.

Taille minimale pour écran

Logo 100px. Insigne 32px.

Logo & insigne Interdits, exemples 9

Ne pas interpréter le logo. Ne pas changer la couleur Ne pas incliner *

Utiliser toujours les sources.

Privilégier quand c’est possible les

formats vectoriels.

* Certaines déformations sont

possibles dans les cas spécifiques
de Motion Design, au cours d’une
animation. Ne pas ombrer *
Ne pas changer la typographie

MECOBAT

Ne pas utiliser la typographie seule Ne pas déformer Ne pas encadrer

Logo & insigne Couleur sur fond clair 10

Le logo et l’insigne sont en Logo MECOBAT

bleu MECOBAT sur un fond clair.

Insigne MECOBAT

RVB CMJN Hexa

R: 0 C: 100 #004b7f
V: 75 M: 75
B: 127 J: 25
N : 0
Logo & insigne Couleur sur fond sombre 11

Le logo et l’insigne sont en blanc Logo MECOBAT

sur un fond sombre.

Insigne MECOBAT

RVB CMJN Hexa

R: 255 C: 0 #ffffff
V: 255 M: 0
B: 255 J: 0
N : 0
Logo & insigne Couleur de l’insigne en rappel sur fond clair 12

L’insigne en rappel Insigne gris MECOBAT en rappel.

Sur des bas de pages par exemple

l’insigne peut s’inscrire en
gris MECOBAT.

RVB CMJN Hexa

R: 182 C: 33 #b6bacd
V: 186 M: 25
B: 205 J: 10
N : 0
Couleur Les couleurs de la marque 13

Bleu MECOBAT
RVB CMJN Hexa
R: 0 C: 100 #004b7f
V: 75 M: 75
B: 127 J: 25
N : 0

Gris MECOBAT
RVB CMJN Hexa
R: 182 C: 33 #b6bacd
V: 186 M: 25
B: 205 J: 10
N : 0

Noir
RVB CMJN Hexa
R: 0 C: 0 #000000
V: 0 M: 0
B: 0 J: 0
N : 100

Blanc
RVB CMJN Hexa
R: 255 C: 0 #ffffff
V: 255 M: 0
B: 255 J: 0
N : 0
Typographie ROBOTO, 12 styles 14

La typographie d’accompagnement Thin 100 Itaque tum Scaevola cum in eam ipsam mentionem incidisset
de la marque est ROBOTO.
Thin 100 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset
Type de licence :
Libre (Apache License, Version 2.0.). Light 300 Itaque tum Scaevola cum in eam ipsam mentionem incidisset
Designer de la typographie : Light 300 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset
Christian Robertson.
Regular 400 Itaque tum Scaevola cum in eam ipsam mentionem incidisset
ROBOTO est disponible sur le site
Google Fonts.
Regular 400 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset
ROBOTO comprends 12 styles.
Medium 500 Itaque tum Scaevola cum in eam ipsam mentionem incidisset
Avantages :
Medium 500 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset
ROBOTO est une typographie
agréable à lire. Bold 700 Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Sa chasse naturelle permet Bold 700 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset
d’afficher de longs textes avec
un encombrement minimisé. Black 900 Itaque tum Scaevola cum in eam ipsam mentionem incidisset

ROBOTO est facilement disponible. Black 900 italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Les typographies suivantes ne sont pas préconisées, mais peuvent être utilisées en plus dans
ceratins cas spécifiques :

Roboto Condensed / Roboto Mono / Roboto Slab

Typographie Polices de substitution bureautique 15

Lorsqu’il est techniquement Si certains usages ne permettent pas d’utiliser la typographie ROBOTO,
impossible d’utiliser ROBOTO, il faut utiliser une autre typographie sans serif et Web Safe Font.
la typographie de remplacement est La police de carractère recommandée, communune à la majorité des plateformes est ARIAL.
ARIAL

Exemples :
Présentations PowerPoint, documents Word, e-mails mis en forme HTML.

Arial regular Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Arial italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Arial bold Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Arial bold italic Itaque tum Scaevola cum in eam ipsam mentionem incidisset

Arial black Itaque tum Scaevola cum in eam ipsam mentionem

Typographie Hiérarchie 16

La hiérarchie des typographies est

un pourcentatge appliqué à la taille
Grand titre unique 200% et plus Itaque tum Scaevola
du paragraphe.
Titre 1 : 170% Itaque tum Scaevola
Ci-contre les pourcentages
minimums à appliquer. Titre 2 : 140 % Itaque tum Scaevola

Cette hiérarchie n’est pas stricte, Titre 3 : 120% Itaque tum Scaevola
et peut être moduée en fonction de
des supports de reproduction, de la Titre 4 : 100% bold Itaque tum Scaevola
densité du texte, de la qualité de la
vue de l’utilisateur. Titre 5 : 80% bold Itaque tum Scaevola

Norme pour un paragraphe : Titre 6 : 60% bold Itaque tum Scaevola

Impression format A4 : 11 points. Chapô : 100% bold Itaque tum Scaevola

Ecran : 16px.
Citations : 130% Itaque tum Scaevola
Paragraphes : 100% Itaque tum Scaevola
Graphisme Eléments 17

Les éléments graphiques accompagnant la marque, sont des formes géométriques simples.
Elles peuvent être extraites de l’insigne de la marque.
Les éléments graphiques reprennent les angles d’inclinaison, et les couleurs de la marque.

Guillemets de citation : Typographie Arial

Graphisme Fonds blancs 18

Fonds blancs

Les fonds de page blancs sont à

privilégier.
Graphisme Fonds bleus 19

Fonds bleus

Certaines pages spécifiques peuvent

avoir un fond bleu.

• Couvertures
• Pages de garde
• Pages de section
• Encadrés
• Pages de fin ...

Ces fonds bleus peuvent être unis.

Ils peuvent également évoquer ou
reprendre des parties de l’insigne.
Graphisme Fonds images avec filtre bleu 20

Fonds images

Pour faciliter la lecture de textes sur

certains fonds images, un filtre bleu
peut être appliqué aux images.

Utiliser pour ce filtre le bleu

MECOBAT, et régler la transparence
afin de rendre le texte lisible.
Applications Print : cartes de visites, bloc note 21
Applications Print : papier à en-tête 22

Lettre, et suite de lettre.

Ceci est une base de papier à lettre simple Ceci est un exemple de suite de lettre,
Quand on a besoin de place, et que le logo est déjà présent
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. dans la page 1
Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Enim sed faucibus turpis in eu mi bibendum neque. Consequat mauris nunc congue nisi vitae sus-
cipit tellus mauris. Nunc mi ipsum faucibus vitae aliquet nec. Tincidunt tortor aliquam nulla facilisi Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam.
cras. Etiam erat velit scelerisque in dictum non consectetur a erat. Enim sed faucibus turpis in eu mi bibendum neque. Consequat mauris nunc congue nisi vitae sus-
cipit tellus mauris. Nunc mi ipsum faucibus vitae aliquet nec. Tincidunt tortor aliquam nulla facilisi
Justo donec enim diam vulputate ut pharetra sit. Pellentesque sit amet porttitor eget dolor morbi cras. Etiam erat velit scelerisque in dictum non consectetur a erat.
non arcu. Mi sit amet mauris commodo quis imperdiet massa.
Justo donec enim diam vulputate ut pharetra sit. Pellentesque sit amet porttitor eget dolor morbi
Nibh mauris cursus mattis molestie a iaculis at erat pellentesque. non arcu. Mi sit amet mauris commodo quis imperdiet massa.
Mauris rhoncus aenean vel elit scelerisque mauris pellentesque.
Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Nibh mauris cursus mattis molestie a iaculis at erat pellentesque.
Mauris rhoncus aenean vel elit scelerisque mauris pellentesque.
Maecenas volutpat blandit aliquam etiam erat velit scelerisque.

Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Odio tempor orci dapibus ultrices
in. Neque sodales ut etiam sit amet. Enim lobortis scelerisque fermentum dui faucibus.
Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Odio tempor orci dapibus ultrices
in. Neque sodales ut etiam sit amet. Enim lobortis scelerisque fermentum dui faucibus.
Bien cordialement,

Bien cordialement,

SARL au capital de 30.000 € - Numéro SIRET: 508 017 340 00011 - Code APE: 7112B - n° TVA intra-communautaire : FR60508017340 SARL au capital de 30.000 € - Numéro SIRET: 508 017 340 00011 - Code APE: 7112B - n° TVA intra-communautaire : FR60508017340
31, rue des Peupliers - 92000 NANTERRE - Tél. : + 33 (0)1 41 19 56 10 - Fax : +33 (0)1 41 19 56 12 - Mail : [email protected] - www.mecobat.com 31, rue des Peupliers - 92000 NANTERRE - Tél. : + 33 (0)1 41 19 56 10 - Fax : +33 (0)1 41 19 56 12 - Mail : [email protected] - www.mecobat.com
Applications PDF print et écran : fiches de référence 23
Applications Présentation écran 24

Exemples de diapositives.
Applications Web 25

https://www.mecobat.com
Sources Fichiers sources de l’Identité Visuelle 26

Les fichiers sources sont disponibles Le logo, l’insigne

sur simple demande auprès de la
sociéte MECOBAT. Formats vectoriels
Ils sont disponibles aux formats .ai, et PDF éditables avec Adobe Illustrator.
Le logo et la marque sont déposés
par la société MECOBAT. Formats matriciels
Il sont également disponibles à plusieurs tailles, et dans les modes couleur RVB, et CMJN.
Pour toute utiisation, vous devez
obtenir une autorisation écrite Typographie
préalable. ROBOTO est téléchargeable sur la page dédiée du site Google Fonts.

Contact

MECOBAT
31, rue des Peupliers
92000 Nanterre
France

Tél. : +33 (0)1 41 19 56 10

Mail : [email protected]