FacebookのロゴはKlavikaフォントを使用しており、これは2004年にProcess Type Foundryによってデザインされました。
その後、Cuban Councilによってわずかに変更され、現在のアイコニックなロゴデザインが作成されました。
変更点には次のものが含まれます:
AをFに合わせるためにまっすぐにする
Cを広げる
Kを再接続する
Facebookのデフォルトシステムフォントとは?
Facebookシステム内では、次の標準サンセリフフォントオプションが使用されています:
Roboto(Android用)
Segoe UI(Windows用)
San Francisco(iOS/macOS用)
Helvetica Neue
Facebookのフォント選択は、何よりも読みやすさを重視し、デバイス全体での読みやすさを優先しています。プラットフォーム内ではさまざまなフォントサイズが使用されており、デフォルトのフォントサイズは個々のユーザーがアクセシビリティ設定で調整できます。
Klavikaに似たフォント
Facebookのロゴフォント、Klavikaと同じ外観を得たい場合、カスタム書体を再現するために選ぶことができるいくつかのフォントの代替品があります:
FacebookのHex値とは?
各Facebook製品には、ブランドを定義する独自のカラースケープもあります。
Facebookのロゴには、次のいくつかのシェードが使用されています:
#0e1f56
#3b5998
#6d84b4
#afbdd4
#d8dfea
メインのFacebookサイト
メインのFacebookサイトでは、以下のクラシックなFacebookブルーの色合いを使用しています: #1877F2
Facebook Messenger
Facebook Messengerは、以下の色合いのグラデーションを使用しています:
- #FB4C82
- #7B48FC
- #1E84FE
Instagramのロゴは、以下の色合いのグラデーションを使用しています:
- #7332B0
- #D01F6C
- #E84454
- #FCD778
WhatsAppは以下の色合いを使用しています: #25D366
他のソーシャルメディアチャンネルはどの色を使用していますか?
ウェブデザインのニーズに合わせて、他のソーシャルプラットフォームの色値が気になりますか? ここに使用されている主要な色合いがあります:
YouTubeの色値
YouTubeのアルファベット赤色値は#FF0000です
また、Robotoフォントも使用しています。
Twitterの色値
Twitterの旧ロゴは#1DA1F2を使用しています
Pinterestの色値
Pinterestは#E60023を使用しています
Googleの色値
Googleは、すべてのGoogle所有のアプリで以下の4つのクラシックな色を使用しています:
Google黄色: #FBBC05
Google緑色: #34A853
Google赤色: #EA4335
Google青色: #4285F4
LinkedInの色値
LinkedInは#1666C5を使用しています
ArialやHelveticaなどのデフォルトのプロダクトサンフォントオプションを使用しています。
Snapchatの色値
Snapchatは#FFFC00を使用しています
TikTokのカラーバリュー
TikTokのロゴは3つの色を使用しています:
#000000
#EE1D52
#69C9D0
Discordのカラーバリュー
Discordは#5865F2を使用しています
Twitchのカラーバリュー
Twitchは#924EF7を使用しています