21
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

各 SNS のブランドカラー

Last updated at Posted at 2015-05-12

Qiita のユーザーページでなにか違和感があると思ったら各 SNS へのリンクに使われているロゴの色が正しくないからでした。

.userPage_oauthLink a[href^="https://github.com/"] { color: #333333; }
.userPage_oauthLink a[href^="https://twitter.com/"] { color: #55acee; }
.userPage_socialLink a[href^="https://facebook.com/"] { color: #3b5998; }
.userPage_socialLink a[href^="https://plus.google.com/"] { color: #dd4b39; }

というスタイルシートを書いて解決。

すっきり!

……

とまあ、ここでおわっても良いのですが、ロゴの色は Twitter と Google+ はガイドラインの提供があります。ほかの箇所との統一性という問題もありますが、できる限り従ったほうが良いでしょう。

また他社のサービスに関しても BrandColors という非常に便利なウェブサイトがあり、こちらを参考にすると、統一感を持たせることができ、閲覧者に違和感を与えないでしょう。

「色」というのは結構面倒な問題でありますので、こうしたガイドラインは各社が公式に提供してくれれば助かるのになあ……と思うばかりです。

21
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?