PlenyCharte graphique

Charte graphique

Comment l'identité Pleny est construite et comment l'utiliser : le logo, nos couleurs, nos polices, le motif, et les règles qui font que chaque réalisation ressemble à Pleny.

Le logotype Pleny sur une photo d'amis partageant un repas

Concept du logo

Le logo repose sur une approche de logotype, dans un style gras. Il paraît amical, jeune et moderne, avec un beau rythme et une belle fluidité.

Le logotype

Pleny

L'icône

P

La zone de protection

La zone de protection garantit la lisibilité et l'impact du logo en l'isolant des éléments visuels concurrents tels que les textes et les graphismes secondaires.

Cette zone représente la distance de sécurité minimale absolue ; dans la plupart des cas, il convient de laisser encore plus d'air autour du logo.

La zone de protection du logo est égale à la largeur et à la hauteur de la lettre e.

La zone de protection de l'icône est égale au tiers de la hauteur de la lettre P.

Zone de protection du logotype

Zone de protection de l'icône

⅓ P

Tailles minimales

Définir une taille minimale garantit que l'impact et la lisibilité du logo ne sont pas compromis lors de son application. La résolution supérieure de l'impression par rapport aux médias écran (300 ppp contre 72 ppp) permet de reproduire le logo dans une taille légèrement plus petite en impression, sans aucune dégradation graphique.

Numérique

Pour garantir lisibilité et impact, le logo Pleny ne doit jamais être reproduit à moins de 70 px de large dans une communication numérique.

Impression

Pour garantir lisibilité et impact, le logo Pleny ne doit jamais être reproduit à moins de 20 mm de large dans une communication imprimée.

Tailles minimales du logotype

Numérique
70px
Impression
20mm

Tailles minimales de l'icône

Numérique
25px
Impression
8mm

Options de couleur du logo

Le logo Pleny est notre visuel principal et doit toujours être utilisé en violet. Cela distingue le violet bleuté de la marque du reste de la palette et garantit qu'il ne soit ni confondu ni affaibli.

Le logo Pleny violet ne doit être associé qu'au noir, au blanc et aux couleurs secondaires définies dans le chapitre Couleurs.

Si la couleur n'est pas envisageable pour des raisons techniques, ou si le violet de la marque manque de contraste ou entre en concurrence avec d'autres éléments visuels, vous êtes autorisé à utiliser la version noire ou blanche du logo.

Options du logo violet

Options du logo monochrome

Placement du logo

Quelles que soient la taille ou les dimensions de la communication, le logo ne peut être placé qu'à cinq emplacements. Cela garde le placement simple et cohérent, tout en laissant assez de souplesse pour notre système graphique dynamique. Pensez à la zone de protection lorsque vous placez le logo dans un angle.

Sans ordre particulier, les emplacements possibles sont :

  1. 1.Angle supérieur gauche
  2. 2.Angle supérieur droit
  3. 3.Centré
  4. 4.Angle inférieur gauche
  5. 5.Angle inférieur droit

Les cinq emplacements

1
2
3
4
5
1
2
3
4
5
1
2
3
4
5

Le logo en place

PlenyCharte graphique
02

Couleurs

Couleurs primaires

La couleur est très expressive et joue un rôle important dans notre identité. Une gamme de couleurs sélectionnées permet de communiquer sur une large palette de tons. La cohérence dans l'usage de la couleur est essentielle.

Notre couleur primaire doit servir principalement aux fonds, aux aplats et aux autres dispositifs graphiques : couvertures de brochures, séparateurs de pages, pochettes promotionnelles, etc.

Teintes et nuances · cliquez sur une couleur pour copier son code hex

Couleurs secondaires

Les couleurs secondaires doivent toujours être associées à la palette primaire et ne doivent être utilisées que lorsque la palette primaire ne peut pas l'être.

Combinaisons de couleurs

La version par défaut du logo Pleny utilise notre couleur de marque primaire, le violet. Le logo peut toutefois vivre avec d'autres couleurs.

Vous trouverez ici un aperçu des combinaisons de couleurs possibles.

PlenyCharte graphique
03

Typographie

Police 01

La typographie joue un rôle déterminant dans l'établissement d'une personnalité unifiée et occupe une grande place dans notre identité visuelle. C'est pourquoi nous avons choisi Poppins.

Poppins

Alphabet

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Chiffres et symboles

0123456789!@#$%^&*()_-+=

Graisses

LightRegularMediumSemi-BoldBold

Police 02

Vollkorn est notre police secondaire. Elle porte les intertitres, où le contraste d'une serif offre un point d'entrée clair aux textes longs, aux côtés de Poppins.

Vollkorn

Alphabet

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Chiffres et symboles

0123456789!@#$%^&*()_-+=

Graisses

RegularMediumSemi-BoldBold

Système typographique

1. Titre
Poppins Bold
Corps : 70
Interlignage : 80
Approche : 0
2. Sous-titre
Poppins Medium
Corps : 20
Interlignage : 24
Approche : -15
3. Intertitre
Vollkorn Bold
Corps : 24
Interlignage : 28
Approche : 0
4. Texte courant
Poppins Medium
Corps : 14
Interlignage : 19
Approche : -15
1.

Titre principal

2.

Pleny est votre nouvelle maison pour tout ce qui est social : trouvez les adresses qui valent le détour, partagez les moments qui méritent de l'être et rencontrez ceux qui mangent comme vous.

3.

Intertitre

4.

Le texte courant porte le détail. Composez-le en Poppins Medium et gardez une justification assez courte pour rester confortable à lire sur un téléphone. Quatre niveaux suffisent à presque toutes les mises en page : un titre pour ouvrir, un sous-titre pour le cadrer, un intertitre pour rompre la longueur et un texte courant pour faire le travail. Employez-les dans cet ordre et la page tiendra sans décoration supplémentaire.

Police 03

Noto Kufi Arabic porte l'identité en arabe. Sa géométrie et sa gamme de graisses s'accordent à Poppins, ce qui maintient l'équilibre des mises en page bilingues.

Noto Kufi Arabic

Alphabet

أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي

Chiffres et symboles

٠١٢٣٤٥٦٧٨٩

Graisses

RegularMediumSemi-BoldBold
PlenyCharte graphique
04

Usages interdits du logo

Usages interdits du logo

Il est important que l'apparence du logo reste cohérente.

Le logo ne doit pas être réinterprété, modifié ou complété. Aucune tentative d'altération, quelle qu'elle soit, ne doit être faite. Son orientation, sa couleur et sa composition doivent rester telles qu'indiquées dans ce document — sans exception.

Pour l'illustrer, voici les erreurs les plus courantes.

Non

N'appliquez pas de dégradé au logotype.

Non

Ne déformez ni ne distordez le logo, d'aucune manière.

Non

N'ajoutez pas de contour ni de filet autour du logo.

Non

Ne modifiez pas la couleur ou la tonalité du logo en dehors des couleurs définies dans le chapitre Couleurs de ce guide.

Non

Ne faites pas pivoter le logo.

Pleny
Non

Ne changez pas la police et ne recréez pas le logotype. Utilisez uniquement les fichiers fournis.

Non

N'appliquez pas d'ombre au logotype.

PlenyCharte graphique
05

Motif

Concept du motif

Le motif naît du logo lui-même. La panse du P est isolée, refermée en un squircle souple, puis répétée sur une grille — de sorte que le motif évoque toujours Pleny, même sans le logotype.

Concept du motif
  1. 1. Partir du P
  2. 2. Isoler la panse
  3. 3. Refermer la forme
  4. 4. La remplir
  5. 5. Répéter sur une grille

Le motif en usage

Utilisez le motif en aplat plein, en bloc de couleur, ou agrandi jusqu'à ce qu'une seule forme remplisse le cadre. Gardez les formes sur leur grille et conservez un espacement régulier.

Une seule couleur

Une seule couleur

Palette complète

Palette complète

Agrandi

Agrandi
PlenyCharte graphique
06

Applications

Publications sur les réseaux sociaux

Les publications associent un message fort à une photographie, un aplat de couleur ou le motif. Le logo occupe l'un des cinq emplacements autorisés, jamais un autre.

Votre nouvelle maison pour tout ce qui est social !
Nous rendons la vie sociale plus amusante ! Pleny, le nouveau concept du partage autour de la table et au-delà.
Votre nouvelle maison pour tout ce qui est social !

Stories sur les réseaux sociaux

Les stories portent une seule ligne de texte sur une photographie plein cadre, avec un bloc de couleur incurvé qui ancre le message en bas de l'écran.

Le meilleur endroit sur Internet pour tout ce qui est social !
Nous rendons la vie sociale plus amusante !
Qu'allez-vous partager aujourd'hui ?
PlenyCharte graphique

Merci

Cette charte existe pour que tout ce qui porte le nom Pleny ressemble à Pleny. Si votre cas n'est pas traité ici, demandez-nous avant d'improviser.