couleurs et polices des réseaux sociaux - identité de marque - branding

Pour mettre en avant vos réseaux sociaux de façon personnalisée vous pouvez avoir besoin de connaître les polices et les couleurs utilisées par les réseaux sociaux populaires tels que Facebook, Twitter et Google+, afin de concevoir vous-même des boutons de connexion.
Jetons un oeil aux différentes polices et couleurs utilisées par Facebook, Twitter, LinkedIn, Pinterest, Instagram, Facebook Messenger et Snapchat.


Facebook

Polices Facebook
• Windows : Segoe UI (ou Tahoma pour les versions Windows plus anciennes)
• macOS : San Francisco
• iOS : San Francisco
• Android : Roboto Facebook Couleurs Hex/RGB
• Hex : #3B5998
• RGB : rgb(59, 89, 152)

Vous trouverez plus d’informations dans le Guide de Marque Facebook


 

Twitter

PolicesTwitter
• Windows : Helvetica Neue
• macOS : Helvetica Neue
• iOS : San Francisco
• Android : Roboto

Souvenez-vous, lorsqu’en 2014 Twitter a changé ses polices pour passer à Gotham Narrow, ils sont rapidement revenus vers la police qui a fait l’identité de la marque car personne n’a apprécié ce changement.

Twitter Hex/RGB Color
• Hex: #1DA1F2
• RGB: rgb(29, 161, 242)

Associé à des variantes du fameux Gris Twitter (qui contient des tons de bleu, de noir et de blanc), Twitter utilise un Bleu clair et lumineux comme couleur première de la marque. Pour en savoir plus rendez-vous sur la page des ressources de la Marque Twitter.


Pinterest

Police Pinterest
• Windows : Helvetica Neue
• macOS : Helvetica Neue
• iOS : San Francisco
• Android : Roboto Fait amusant: alors que Pinterest utilise à peu près les mêmes polices que les autres réseaux sociaux, le reseau utilise la police Hiragino pour le japonais et d’autres langues orientales, car elle s’adapte mieux à ces langues-là que les polices utilisées avec les langues romaines.
Si vous êtes curieux d’en savoir plus rendez-vous sur le guide des lignes directrices de la marque Pinterest. Pinterest Hex/RGB Color
• Hex: #BD081C
• RGB: rgb(189, 8, 28)
La couleur rouge classique de la marque est la même depuis la création du réseau !


LinkedIn

 

Police LinkedIn
LinkedIn utilise Source Sans pour la version de bureau de son site Web. Vous pouvez en savoir plus sur les directives de marque de LinkedIn ici. Couleur LinkedIn Hex/RGB
• Hex : #0077B5
• RGB : rgb(0, 119, 181)


Instagram

 

Police Instagram
• Windows : Segoe UI
• macOS : San Francisco
• iOS : San Francisco
• Android : Roboto

Fait intéressant, les polices utilisées sur Instagram varient en fonction de la police système par défaut du système d’exploitation utilisé – il est automatiquement détecté. Pour Windows c’est Segoe UI, pour MacOS c’est San Francisco, et pour Android c’est Roboto. Historiquement, Instagram a utilisé Freight Sans (à l’époque où son logo et son esthétique visuelle étaient beaucoup plus cool), et Proxima Nova.

Couleurs Instagram Hex/RGB
• Hex: #262626
• RGB: rgb(76, 76, 76)

Lorsque Instagram a relifté sa marque en 2016, ils ont décidé d’utiliser le code couleur Hex # 222222, ou rgb (76, 76, 76) en RGB. Une mise en page monochrome qui a du sens pour un site Web basé sur la photographie, car il rend l’image plus distincte. En ce qui concerne le logo Instagram, et bien … ils ont choisi littéralement toutes les couleurs de l’arc en ciel (au grand dam des utilisateurs d’Instagram dans le monde entier).


Facebook Messenger

 

Polices Facebook Messenger
Facebook Messenger utilise le même jeu de polices que l’application Facebook standard, à la fois sur ordinateur et sur mobile, comme indiqué ci-dessous : • Windows : Segoe UI
• macOS : San Francisco
• iOS : San Francisco
• Android : Roboto Facebook Messenger Hex/RGB Color
Bien qu’il s’agisse aussi d’une application Facebook, le bleu utilisé par Facebook Messenger est légèrement différent : • Hex: #0084FF
• RGB: rgb(0, 132, 255)
• Et le logo utilise également une couleur dégradée:
• Hex: #00C6FF
• RGB: rgb(0, 198, 255)


Snapchat

 

Polices Snapchat 
• Windows : Avenir Next
• macOS : Avenir Next
• iOS : Helvetica Neue
• Android : Roboto

Curieusement, la police utilisée sur la version web de Snapchat est un peu différente de la plupart des réseaux sociaux, car la plupart ont tendance à revenir à la police système par défaut. Snapchat, cependant, utilise Avenir Next.

Couleur Snapchat Hex/RGB
• Hex: #FFFC00
• RGB: rgb(255, 252, 0)

En prime et pour vous aider à bien vous servir de vos réseaux sociaux au niveau des visuels que vous offrez à vos fans, voici le guide complet des tailles des images à utiliser par LePtiDigital.fr


 

Suivez moi et partagez sur :
Couleurs & Polices des Réseaux Sociaux 1