Facebook、Twitter、Instagram、Googleなどが使用するフォントと色

この記事では、人気のあるソーシャルメディアプラットフォームが使用するフォントと色の包括的なガイドを提供します。 これらの詳細を知ることは、ソーシャルメディア要素を自分の仕事に統合する際にブランドの一貫性を目指しているデザイナーにとって重要です。 ここに示されている情報は、これらの特定のブランド資産の繰り返しのオンライン検索の必要性を排除します。

このガイドは、Facebook、Instagram、WhatsApp、Twitter、Pinterest、LinkedIn、Snapchat、YouTube、Google、Tiktok、Discord、Twitchなど、幅広いプラットフォームをカバーしています。 各プラットフォームについて、この記事では、16進値とRGB値の両方のプライマリカラーを指定し、使用されるフォント（多くの場合、特に明記しない限り、Roboto、Segoe UI、San Franciscoなどのシステムのデフォルト）を詳しく説明します。 SnapchatのGraphikフォントの使用などの例外が明確に強調されています。

この記事では、システムフォントの使用も明確にし、異なるオペレーティングシステム（Android、Windows、iOS/MacOS）にわたるバリエーションを説明しています。 Google Logoが製品SANSの使用を強調しながら、マテリアルデザイン（YouTubeやその他のGoogleアプリなど）でのRobotoの使用に注目しています。

キープラットフォームの詳細（概要）：

• メッセンジャー（Facebook）：＃0084ff（RGB：0、132、255）; MACOSのHelvetica Neue、それ以外の場合はシステムデフォルト。
• Instagram（Facebook）：＃E1306C（RGB：225、48、108）; システムのデフォルト。
• whatsapp（facebook）：＃25d366（rgb：37、211、102）;システムのデフォルト。
• facebook：＃1877f2（rgb：24、119、242）;システムのデフォルト。
• Twitter：＃1DA1F2（RGB：29、161、242）;システムのデフォルト。
• pinterest：＃e60023（rgb：230、0、35）; Webサイト上のHelvetica/Neue Haas Grotesk、それ以外の場合はシステムデフォルト
• linkedIn：＃1666C5（RGB：22、102、197）; sans-serif（helvetica、arial、またはsystem default）。
• snapchat：＃fffc00（rgb：255、252、0）; graphik。
• youtube：＃ff0000（rgb：255、0、0）; roboto。
• Google：Blue（＃4285f4、RGB：66、133、244）、Red（＃EA4335、RGB：234、67、53）、黄色（＃FBBC05、RGB：251、188、 5）、緑（＃34A853、RGB：52、168、83）;製品sans（ロゴ）。
• Alphabet（Googleの親会社）： Red（＃ed1c24、RGB：238、28、36）; 不特定のフォント。
• tiktok： red（＃ee1d52、rgb：238、29、82）、青（＃69c9d0、rgb：105、201、208）;不特定のフォント。
• discord：＃5865F2（RGB：88、101、242）;不特定のフォント。
• Twitch：＃5865F2（RGB：88、101、242）;不特定のフォント。

この記事には、プロジェクトの変数としてこれらの色を簡単に実装するためのCSSスニペットも含まれています。 最後に、FAQセクションでは、Facebookのフォントの選択の歴史的コンテキストを含む特定のプラットフォームで使用されるフォントに関する一般的な質問に対処します。

以上がFacebook、Twitter、Instagram、Googleなどが使用するフォントと色の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。