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.
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 UI
macOS: San Francisco
iOS: San Francisco
Android: 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: Helvetica
macOS: Helvetica Neue
iOS: San Francisco
Android: 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.
Se ti è piaciuto questo articolo “Colori e font utilizzati dai vari social” condividilo con i tuoi amici
