Logo CoPPSPS Document de reference

Charte graphique.

Couleurs, formats de logo et regles d'usage de l'identite CoPPSPS. Reference unique a destination des partenaires.

01 / Palette

Couleurs

L'orange est l'ancre visuelle de la marque. Il renvoie a l'univers chantier et cree un contraste fort sur fond sombre comme sur fond clair. Le bleu nuit porte les fonds profonds et le texte.

Orange

Orange principal
#F97316
RGB 249, 115, 22
La couleur de la marque. C'est l'orange du logo, celui des lettres PPSPS et du contour. Toute reproduction de l'identite utilise cette valeur, et elle seule.
Orange secondaire
#EA580C
RGB 234, 88, 12
Reserve aux etats de survol d'un bouton et a la fin d'un degrade. N'apparait jamais dans le logo ni en aplat de marque.

Bleu nuit

Bleu nuit principal
#0F172A
RGB 15, 23, 42
Le fond sombre de la marque. C'est sur ce bleu que se pose la declinaison du logo pour fond noir.
Bleu nuit secondaire
#1E293B
RGB 30, 41, 59
Couleur du texte sur fond clair. Utile pour un titre ou un paragraphe accompagnant le logo, jamais en grand aplat.
Le bleu du logo n'est pas exactement le bleu nuit. Les lettres CO des fichiers fournis sont tracees en #1C2739, un ton legerement plus chaud. C'est normal et sans consequence : le logo s'utilise tel quel, il n'est jamais recolore. Les deux valeurs ci-dessus servent a tout ce qui entoure le logo, pas au logo lui-meme.
02 / Logotype

Les trois formats du logo

Le logo existe en trois constructions. Le choix depend de l'espace disponible et de la taille de restitution, jamais d'une preference esthetique.

Logo CoPPSPS format long
Format par defaut

Logo long

Version horizontale complete. C'est le logo utilise dans la majorite des cas, des qu'un espace en largeur est disponible.

  • En-tete de site et d'application
  • Documents, presentations, en-tetes de courrier
  • Signature de courriel
  • Banniere et pied de page
Logo CoPPSPS format carre
Espace restreint

Logo carre

Le nom complet reste lisible mais tient dans un rapport proche du carre. A employer quand la largeur manque et que le nom doit rester lu en entier.

  • Photo de profil des reseaux sociaux
  • Encart lateral et colonne etroite
  • Goodies, tampons, autocollants
  • Mise en page verticale
Icone CoPPSPS
Usage restreint

Icone CP

Reduction aux initiales. Reservee aux contextes ou la marque est deja etablie, ou dont la taille rend le nom illisible.

  • Favicon et icone d'application
  • Avatar, pastille, bouton
  • Filigrane discret
  • Jamais comme logo principal d'un support
03 / Declinaisons

Une declinaison par type de fond

La declinaison se choisit d'apres le fond de destination, pas d'apres le support. Un fond blanc dans une video reste un fond blanc.

Logo pour fond blanc

logo_fond_blanc/
Logo long sur fond blanc
Logo carre sur fond blanc
Icone sur fond blanc
Lettres CO en bleu nuit, PPSPS en orange. A utiliser sur blanc ou sur tout fond clair uni. Sur un fond clair colore, verifier que le bleu nuit reste bien lisible.

Logo pour fond noir

logo_fond_noir/
Logo long sur fond sombre
Logo carre sur fond sombre
Icone sur fond sombre
Le bleu nuit passe en blanc, l'orange est conserve. C'est la declinaison des fonds sombres : bandeau d'en-tete, menu, pied de page, toute section a fond fonce. Ne jamais la poser sur un fond clair, les lettres CO disparaissent.

Logo pour fond photo et video

logo_fond_videos/
Logo long sur fond photo
Logo carre sur fond photo
Icone sur fond photo
Lettres remplies en blanc, contours colores. Le remplissage plein garantit la lisibilite sur une image dont le fond varie. A reserver aux fonds photo et video. Poser le logo sur une zone calme de l'image, et assombrir cette zone si necessaire.
04 / Regles

Regles d'usage

Ces regles s'appliquent aux trois formats et aux trois declinaisons, sans exception.

Zone de protection

Aucun element graphique, texte ou bord de page ne penetre la zone qui entoure le logo. Cette zone vaut au minimum la hauteur d'une lettre du logo, sur chaque cote.

ZONE DE PROTECTION Zone de protection autour du logo

Tailles minimales

En dessous de ces largeurs, le logo n'est plus lisible. Passer au format inferieur plutot que de reduire davantage.

Logo long taille minimale Long : 140 px / 40 mm
Logo carre taille minimale Carre : 72 px / 20 mm
Icone taille minimale Icone : 32 px / 10 mm

Ce qu'il ne faut jamais faire

Logo deforme
X Deformer ou etirer le logo. Les proportions sont fixes.
Logo recolore
X Modifier les couleurs ou appliquer un degrade.
Logo pivote
X Faire pivoter le logo ou l'incliner.
Logo avec ombre portee
X Ajouter une ombre portee, un contour ou un effet.
Logo sur fond orange
X Poser le logo sur un fond qui absorbe l'une de ses couleurs.
Logo enferme dans un cadre
X Enfermer le logo dans un cadre. Il porte deja le sien.
05 / Fichiers

Telechargements

Les fichiers PNG des trois declinaisons. Chaque version contient le logo long, le logo carre et l'icone.

Logo pour fond blanc

Fond blanc

Pour blanc et tout fond clair uni.

Logo longPNG Logo carrePNG IconePNG
Logo pour fond noir

Fond noir

Pour fonds sombres.

Logo longPNG Logo carrePNG IconePNG
Logo pour fond photo et video

Fond photo et video

Pour images et videos.

Logo longPNG Logo carrePNG IconePNG

Un doute sur un usage ?

Si un cas n'est pas couvert par ce document, ne pas improviser. Contacter l'equipe CoPPSPS avant publication. Une exception validee vaut mieux qu'un logo abime.