Colori e Font utilizzati dai vari Social

In questo articolo desidero semplicemente darvi una risorsa utile ad identificare colori e font utilizzati dai vari social. Spesso, quando creiamo siti web o app, ci capita di dover andare su Google alla ricerca di quale sia il carattere o il colore utilizzato di modo tale da poterlo implementare (Qual è il font utilizzato da Facebook? Qual è il codice colore di Facebook Blu?) Non voglio trattenerti più del necessario, quindi diamo subito un’occhiata ai colori e ai caratteri utilizzati da Facebook, Twitter, Pinterest, Instagram, Snapchat, LinkedIn, Facebook Messenger, YouTube. Clicca il social di tuo interesse oppure scorri la pagina per vederli tutti Facebook Instagram LinkedIn Twitter Pinterest Messenger Snapchat YouTube Colori e font utilizzati dai vari social: Facebook Facebook Blu Codici Colore Hex: #4267b2 RGB: 66,103,178 Font Facebook Windows: Segoe UI macOS: San Francisco iOS: San Francisco Android: Roboto Facebook utilizza il font Segoe UI per la versione Windows del proprio sito Web desktop e il font San Francisco creato da Apple per la versione macOS (entrambi sono i font di sistema predefiniti). Per iOS e Android, sono rispettivamente San Francisco e Roboto (ancora, entrambi i font di sistema, per la leggibilità e la familiarità), che stanno diventando uno standard Colori e font utilizzati dai vari social: Instagram Instagram Grey Codici Colore Hex: #231F20 RGB: 35,31,32 Instagram usa anche una combinazione di diversi gradienti. E’ difficile capire quali sono i singoli colori e in quale scenario dovrebbero essere utilizzati, ma qui puoi trovare tutti gli asset del brand di Instagram. Per essere onesti è raro vedere questi colori in natura – quelli che fanno riferimento ai loro canali di social media tendono a utilizzare “Instagram Gray”. Font Instagram Windows: Segoe UImacOS: San FranciscoiOS: San FranciscoAndroid: Roboto Niente di straordinario qui. Come vedi, Segoe UI, San Francisco e Roboto sono diventati uno standard dei social network, con Instagram non è diverso. Colori e font utilizzati dai vari social: LinkedIn LinkedIn Codici Colore Hex: #0077B5 RGB: 0,119,181 LinkedIn Font LinkedIn usa Source Sans in esclusiva (con Arial come backup), in particolare con i pesi tra luce e semi-grassetto. Leggi le linee guida sui marchi di Linkedin qui. Nota: Source Sans non ha uno stile corsivo, quindi sub per Georgia. Lo so, strano! Colori e font utilizzati dai vari social: Twitter Twitter Codici Colore Hex: #38A1F3 RGB: 56,161,243 Combinato con le varianti di “Twitter Grey” (che contiene un mix di tonalità blu, nero e bianco), Twitter blu (#38A1F3) viene utilizzato come colore principale del marchio. Font Twitter Windows: HelveticamacOS: Helvetica NeueiOS: San FranciscoAndroid: Roboto Mentre Twitter ha anche impostato automaticamente i font di sistema per le loro app mobili (come la maggior parte dei social network), la versione Windows del sito web utilizza Helvetica e la versione macOS Helvetica Neue – un po ‘obsoleta ma siamo sicuri che abbiano le loro ragioni. Colori e font utilizzati dai vari social: Pinterest Pinterest Codici Colore Hex: #BD081C RGB: 189,8,28 Il classico colore rosso di Pinterest non è mai cambiato! Font Pinterest Windows: Segoe UI macOS: San Francisco iOS: San Francisco Android: Roboto Mentre Pinterest utilizza all’incirca gli stessi caratteri standard degli altri social network, Pinterest usa il font Hiragino per il giapponese e altre lingue orientali, che si legge meglio rispetto ai caratteri usati con le lingue romane. Sapevi? Colori e font utilizzati dai vari social: Messenger Facebook Messenger Codici Colore Sebbene sia un’app Facebook, il blu utilizzato da Messenger ? leggermente diverso: Hex: #0084FF RGB: 0,132,255 E il logo usa anche questo colore: Hex: #00C6FF RGB: 0,198,255 Facebook Messenger Font Messenger utilizza lo stesso set di caratteri di Facebook: Windows: Segoe UI macOS: San Francisco iOS: San Francisco Android: Roboto Colori e font utilizzati dai vari social: Snapchat Snapchat Codici Colore Hex: #FFFC00 RGB: 255,252,0 Font Snapchat Windows: Avenir Next macOS: Avenir Next iOS: San Francisco Android: Roboto Stranamente, il font utilizzato nella versione web di Snapchat è un po’ diverso dalla maggior parte, poichè la maggior parte tende a tornare al font di sistema. Il logo Snapchat, tuttavia, utilizza Avenir Next.    Colori e font utilizzati dai vari social: YouTube YouTube Codici Colore Hex: #ED3833 RGB: 237,56,51 YouTube Font YouTube, proprietà di Google, utilizza solo Roboto.