Couleurs & Polices des Réseaux Sociaux
Pour mettre en avant vos réseaux sociaux de façon personnalisée sur votre site web, 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, Snapchat et Tiktok.
Couleurs & Polices des Réseaux Sociaux : leur identité visuelle dévoilée
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
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.
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 !
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)
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 Agorapulse.
TikTok
TikTok est un service de réseau social de partage de vidéos créé par ByteDance en 2016. Cette plate-forme de médias sociaux permet à ses utilisateurs de réaliser et de partager diverses vidéos de format court, dans des genres tels que la danse, la comédie, l’éducation, etc.
Le logo de TikTok représente une note de musique en trois couleurs sur un fond noir. Le symbole fait également écho à la lettre d, qui est l’initiale de son nom chinois Douyin. Le choix de la note de musique est dû au fait que la plateforme est souvent utilisée pour enregistrer de petites vidéos musicales. La combinaison de trois couleurs : noir, rouge et bleu, représentent une salle lors d’un concert de rock, lorsqu’il fait noir et que la lumière ne tombe que sur la scène.
La police est apparemment une police personnalisée.
Les couleurs du logo :
- La référence du noir utilisé pour le fond est #000000.
- La référence du blanc utilisé pour est #FFFFFF.
- La référence du bleu utilisé pour créer l’effet 3D est #00F2EA.
- La référence du rouge utilisé pour créer l’effet 3D est #EE1D52.
Envie de partager mon article ? Allez-y 🙂
