Identité visuelle

Logo, couleurs et typographie

Section 3

Identité du logo

3.1 → Présentation du logo principal

Le logo d'EPC est composé de deux éléments hiérarchiques :

  1. Le sigle « EPC » → trois lettres capitales en typographie bold, constituant l'élément dominant et le plus reconnaissable de l'identité visuelle
  2. Le texte descriptif « ENSEMBLE POUR LA CONSTRUCTION » → placé sous le sigle en caractères plus petits, en capitales, servant de clarificateur pour les audiences qui découvrent la marque

Ces deux éléments forment un lockup (bloc logotype verrouillé) qui ne doit jamais être modifié dans ses proportions relatives.

Logo EPC Principal

3.2 → Versions du logo

Le logo existe dans les versions suivantes, chacune ayant un contexte d'utilisation défini :

Principal (couleur)

Principal (couleur)
Usage par défaut sur tous les supports

Principal inversé

Principal inversé
Fonds foncés, bannières, signalétique

Sigle seul

Sigle seul
Favicon, icônes, petites tailles

Monochrome blanc

Monochrome blanc
Fonds photographiques foncés

Règle fondamentale : La version verticale couleur sur fond blanc ou clair est la version par défaut. Toute autre version ne doit être utilisée que lorsque les contraintes techniques ou contextuelles l'exigent.

3.3 → Zone de protection (Clear Space)

La zone de protection est l'espace minimum qui doit entourer le logo sur tous ses côtés pour garantir sa lisibilité et son impact visuel. Aucun élément → texte, image, bord de page, autre logo → ne doit pénétrer dans cette zone.

Calcul de la zone de protection

  • L'unité de mesure de référence est la hauteur de la lettre « E » dans le sigle EPC (désignée ci-après comme « 1x »).
  • La zone de protection est de 1,5x sur chacun des quatre côtés du lockup complet.
  • Pour le sigle seul, la zone de protection est de 1x sur chaque côté.
Zone de protection

La bordure pointillée illustre la zone de protection minimale (1,5x) autour du lockup.

Règle : En cas de doute, augmentez l'espace. Un logo qui « respire » est toujours plus efficace qu'un logo comprimé.

3.4 → Taille minimale d'utilisation

Support Version du logo Largeur minimale
Print Lockup complet (vertical) 30 mm de largeur
Print Lockup complet (horizontal) 45 mm de largeur
Print Sigle seul 12 mm de largeur
Digital Lockup complet (vertical) 120 px de largeur
Digital Lockup complet (horizontal) 180 px de largeur
Digital Sigle seul 40 px de largeur
Favicon Sigle seul (simplifié si nécessaire) 16 px × 16 px

En dessous de ces tailles, le logo perd en lisibilité et ne doit pas être utilisé. Optez pour le sigle seul si l'espace est limité.

3.5 → Placements recommandés

  • Coin supérieur gauche : Placement par défaut pour les documents, présentations, en-têtes
  • Centre : Autorisé pour les couvertures, bannières événementielles, écrans de titre
  • Coin inférieur droit : Autorisé pour les signatures de fermeture, dernière diapositive, bas de page

À éviter : Placement en coin inférieur gauche (zone morte visuelle) ou flottant au milieu d'un bloc de texte.

3.6 → Utilisations interdites du logo

Les interdictions suivantes sont absolues et sans exception :

EPC

Déformé

EPC

Pivoté

EPC

Couleurs non autorisées

EPC

Effets (ombres, etc.)

EPC

Fond chargé

# Interdiction Raison
1 Ne jamais déformer le logo (étirer, comprimer, incliner) Altère les proportions conçues et dégrade la perception professionnelle
2 Ne jamais faire pivoter le logo Le logo est conçu pour être lu horizontalement uniquement
3 Ne jamais changer les couleurs du logo en dehors des versions approuvées La palette est un élément constitutif de l'identité
4 Ne jamais ajouter d'effets (ombres portées, biseaux, dégradés, lueurs, contours) Altère la netteté et l'autorité du logo
5 Ne jamais placer le logo sur un fond visuellement chargé sans aplat de couleur ou zone de dégagement Nuit à la lisibilité
6 Ne jamais recréer ou recomposer le logo avec d'autres polices ou éléments Le logo est un actif verrouillé, non un assemblage à recréer
7 Ne jamais encadrer le logo dans un cadre, un cercle ou une forme non approuvée Ajoute un élément visuel non autorisé à l'identité
8 Ne jamais superposer du texte ou des éléments graphiques sur le logo Compromet l'intégrité visuelle et la lisibilité
9 Ne jamais utiliser le logo comme motif répétitif sauf autorisation expresse Banalise le logo et réduit son impact
10 Ne jamais modifier l'espacement entre les lettres du sigle ou entre le sigle et le texte descriptif Les proportions internes sont fixes et non modifiables
Section 4

Palette de couleurs

4.1 → Couleurs de la marque

Couleur primaire

Bleu Marine EPC #17264E RGB: 23, 38, 78
CMYK: 95, 80, 45, 25
Pantone 289 C

Couleur dominante. Autorité, confiance, profondeur. Utilisée pour les fonds principaux, le texte titré, les en-têtes, le logo.

Couleurs secondaires et d'accentuation

Or Clair #F4D77F RGB: 244, 215, 127
CMYK: 3, 12, 0, 52
Pantone 127 C
Or Profond #DEAC30 RGB: 222, 172, 48
CMYK: 12, 30, 0, 86
Pantone 7405 C
Ambre Doré #DCA534 RGB: 220, 165, 52
CMYK: 13, 34, 0, 84
Pantone 7409 C

Couleurs neutres complémentaires

Blanc Pur #FFFFFF RGB: 255, 255, 255
Gris Clair EPC #F5F5F5 RGB: 245, 245, 245
Gris Moyen EPC #B0B0B0 RGB: 176, 176, 176
Gris Foncé EPC #4A4A4A RGB: 74, 74, 74
Noir Profond #1A1A1A RGB: 26, 26, 26

4.2 → Ratios d'utilisation recommandés

Le système chromatique d'EPC repose sur un équilibre visuel précis qui renforce le positionnement de la marque. Respectez les proportions suivantes :

Couleur Proportion Fonction
Bleu Marine EPC 60% Couleur dominante → structure, autorité, ancrage visuel
Blanc / Gris Clair 20% Espace négatif, respiration, lisibilité
Or Clair + Or Profond + Ambre Doré 15% Accents, CTA, éléments de mise en valeur
Gris Foncé / Noir 5% Texte courant, éléments utilitaires

Note : Ces ratios s'appliquent à l'impression globale d'un support donné, pas à un calcul pixel par pixel. L'objectif est que le Bleu Marine EPC domine visuellement, que les ors créent des points de lumière stratégiques, et que le blanc assure la lisibilité.

4.3 → Combinaisons autorisées et interdites

Combinaisons autorisées

Fond Texte/Élément Usage
Blanc Bleu Marine EPC Usage principal par défaut
Blanc Gris Foncé EPC Corps de texte
Bleu Marine EPC Blanc Bannières, en-têtes, zones d'impact
Bleu Marine EPC Or Clair Titres sur fonds foncés, accents
Bleu Marine EPC Or Profond CTA sur fonds foncés
Gris Clair Bleu Marine EPC Sections alternées
Or Clair (aplat léger) Bleu Marine EPC Encadrés, citations, zones spéciales

Combinaisons interdites

Fond Texte/Élément Raison
Or Clair Blanc Contraste insuffisant → illisible
Or Profond Or Clair Contraste insuffisant entre tons similaires
Ambre Doré Or Clair Confusion chromatique
Gris Moyen Or Clair Lisibilité compromise
Rouge, vert ou toute couleur hors palette Tout élément Couleurs non autorisées

4.4 → Accessibilité (WCAG)

EPC s'engage à respecter les normes d'accessibilité web WCAG 2.1 au minimum au niveau AA :

Combinaison Ratio de contraste Conformité
Bleu Marine EPC (#17264E) sur Blanc (#FFFFFF) 12.63:1 AAA
Blanc (#FFFFFF) sur Bleu Marine EPC (#17264E) 12.63:1 AAA
Gris Foncé (#4A4A4A) sur Blanc (#FFFFFF) 7.27:1 AAA
Bleu Marine EPC (#17264E) sur Or Clair (#F4D77F) 7.1:1 AAA
Or Profond (#DEAC30) sur Bleu Marine EPC (#17264E) 5.8:1 AA
Or Clair (#F4D77F) sur Blanc (#FFFFFF) 1.78:1 Non conforme

Règle : L'Or Clair ne doit jamais être utilisé comme couleur de texte sur fond blanc. Il est réservé aux éléments graphiques décoratifs, aux fonds et aux accents visuels sur fonds foncés.

Section 5

Typographie

5.1 → Système typographique

La typographie d'EPC repose sur la famille Nunito, une police sans-serif géométrique arrondie qui allie modernité, lisibilité et chaleur humaine → des qualités alignées avec la personnalité de marque.

Police primaire → Impact et titres

Police Nunito Black Italic
Graisse Black (900)
Style Italique
Usage Titres principaux (H1), slogans, éléments d'impact visuel fort

Police secondaire → Emphase et sous-titres

Police Nunito Bold Italic
Graisse Bold (700)
Style Italique
Usage Sous-titres (H2), citations mises en vedette, labels de catégories

Police de corps de texte

Police Nunito Regular
Graisse Regular (400)
Style Romain (droit)
Usage Corps de texte, paragraphes, descriptions, contenus longs

Police de support

Police Nunito SemiBold
Graisse SemiBold (600)
Style Romain (droit)
Usage Sous-titres H3, navigation, boutons, labels

5.2 → Hiérarchie typographique complète

Spécimen vivant → chaque niveau est affiché avec le vrai style CSS appliqué :

H1 → Nunito Black Italic · 42–48 px · Interlignage 1.2 · Bleu Marine EPC

Titre de page principal

H2 → Nunito Bold Italic · 32–36 px · Interlignage 1.25 · Bleu Marine EPC

Titre de section

H3 → Nunito SemiBold · 24–28 px · Interlignage 1.3 · Bleu Marine EPC

Sous-section

H4 → Nunito Bold · 20–22 px · Interlignage 1.3 · Bleu Marine / Gris Foncé

Sous-sous-section ou label

Corps → Nunito Regular · 16–18 px · Interlignage 1.6 · Gris Foncé EPC (#4A4A4A)

EPC → Ensemble pour la construction est l'écosystème collaboratif neutre et stratégique de l'industrie de la construction et de l'immobilier au Québec. Nous croyons au ROI relationnel.

Petit texte → Nunito Regular · 14 px · Interlignage 1.5 · Gris Moyen EPC (#B0B0B0)

Légendes, notes, métadonnées et informations secondaires.

Citation → Nunito Bold Italic · 20–24 px · Interlignage 1.5 · Bleu Marine EPC

« Si SEUL on va plus vite, ENSEMBLE on va plus loin ! »

CTA (bouton) → Nunito Bold · 16–18 px · Blanc sur Or Profond
Bouton d'action

Pour le web

Niveau Police Taille Interlignage Couleur Usage
H1 Nunito Black Italic 42–48 px 1.2 Bleu Marine EPC Titre de page, héros
H2 Nunito Bold Italic 32–36 px 1.25 Bleu Marine EPC Titres de section
H3 Nunito SemiBold 24–28 px 1.3 Bleu Marine EPC Sous-sections
H4 Nunito Bold 20–22 px 1.3 Bleu Marine / Gris Foncé Labels
Corps Nunito Regular 16–18 px 1.6 Gris Foncé EPC Texte courant
Petit texte Nunito Regular 14 px 1.5 Gris Moyen EPC Légendes, notes
Citation Nunito Bold Italic 20–24 px 1.5 Bleu Marine EPC Citations, témoignages
CTA Nunito Bold 16–18 px 1.0 Blanc sur Or Profond Boutons d'action

Pour le print

Niveau Police Taille Interlignage Usage
Titre principal Nunito Black Italic 28–36 pt 1.15 Couvertures, titres de chapitre
Sous-titre Nunito Bold Italic 18–24 pt 1.2 Sous-titres, sections
Intertitre Nunito SemiBold 14–16 pt 1.3 Sous-sections
Corps Nunito Regular 10–12 pt 1.5 Texte courant
Légende Nunito Regular 8–9 pt 1.4 Légendes de photos, notes
Citation Nunito Bold Italic 14–18 pt 1.4 Mises en exergue, témoignages

5.3 → Interlettrage, interlignage et espacement

Paramètre Valeur recommandée Notes
Interlettrage → titres 0 à +20 Les grandes tailles peuvent supporter un léger espacement
Interlettrage → corps 0 (valeur par défaut) Ne pas modifier l'espacement du corps de texte
Interlettrage → sigle EPC +50 à +80 Pour les usages du sigle dans du texte courant en capitales
Interlignage → titres 1.15 à 1.25 Resserré pour l'impact visuel
Interlignage → corps 1.5 à 1.65 Aéré pour la lisibilité
Espacement avant paragraphe 0.5em Web : margin-top
Espacement après paragraphe 1em Web : margin-bottom

5.4 → Polices de substitution (Fallback)

Lorsque la police Nunito n'est pas disponible, utilisez les polices de substitution suivantes, dans cet ordre de priorité :

Priorité Police Disponibilité
1 Nunito (Google Fonts) Web (import), installations système
2 Rubik (Google Fonts) Alternative sans-serif arrondie similaire
3 Arial Rounded MT Bold Systèmes Windows/Mac
4 Arial Universelle → fallback ultime
5 sans-serif Générique CSS

Déclaration CSS recommandée

font-family: 'Nunito', 'Rubik', 'Arial Rounded MT Bold', Arial, sans-serif;

5.5 → Règles d'utilisation typographique

À faire

  • Italiques : Réservées aux titres (H1, H2) et aux citations. Ne jamais utiliser l'italique pour le corps de texte courant.
  • Gras (Bold) : Utilisé pour l'emphase ponctuelle dans le corps de texte. Ne pas mettre en gras des paragraphes entiers.
  • Majuscules : Autorisées pour le sigle EPC, les titres courts de niveau H1, les CTA de boutons. Interdit pour des blocs de texte entiers.

À ne pas faire

  • Soulignement : Interdit dans tous les contextes (le soulignement est réservé aux hyperliens web).
  • Polices décoratives, script ou serif : Strictement interdites dans toute communication officielle EPC.
  • Mélange de polices non autorisées : Ne jamais introduire une police qui n'est pas dans le système typographique approuvé.