9
6

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 3 years have passed since last update.

プロダクトアイコン・ロゴのガイドラインまとめ

Last updated at Posted at 2021-02-14

はじめに

発表資料などで他社サービスロゴを入れるにあたり、ガイドラインが知りたかったので、自分用にまとめていきます。
必要に応じて随時更新していきます。

サイズの改変禁止や背景色の指定をしている会社もあるので、規約には十分の注意が必要です。
(なので、基本的には用意されているものをそのまま使うよう心がけた方が良いでしょう)

ここでまとめているのは2021年2/14時点のものですので、最新のガイドラインを確認することをおすすめします

Twitter

Twitter social icons - circle - blue.png

サイト新しくなったっぽいですね。公式のBrand-toolkit日本語版はちょっと見当たらなかった。

上記からたどったガイドラインはこちら
図入りで細かくサイズや背景の指定をしているのでご注意ください。

Kubernetes

まずkubernetesのガイドラインはこちらにあります。Linux Foundationに従うんですね。
ロゴのガイドラインはこちらにもありますね。ロゴの話についてはこちらの方がわかりやすいです。

horizontal (also known as landscape format), stacked (which is closer to square), and icon (which does not include the name and is square), and 5 versions (color/black/white/all blue/and blue with white text).

こんな形、色ですよって話をしているのでその辺の改変は当然いけないですが、サイズについての言及は特にないですね。

kubernetes内の機能に関するiconはこちらにあります。
色の指定があるだけで気軽に使える、非公式ライブラリだそうです。

Docker

ロゴはこちらです。ガイドラインはtrademark-guidelinesにあります。

公式からダウンロードしてね。勝手に作ったり修正したらだめだよ。って基本的なことが記載されています。
また、Educational and Informational Purposesで教育や、Docker技術を説明のために使われるかも。それ以外は以下の規約を満たしてねって話でした。
ということはこういった資料に使う際は、公式からダウンロードした画像は好きに使えそう

The Docker mark is used only in a referential context or for naming Docker or to indicate compatibility, and not in a title of a program, domain name, website, product or service
The use must not falsely imply or suggest a sponsorship or endorsement by, a license from, or a partnership or affiliation with Docker.
Any printed or online materials relating to the program must include proper attribution statements, registration symbols such as ® or © as appropriate, and a trademark notice statement in a form that we provide or approve.

MongoDB

ダウンロードリンク及びガイドラインはBrand Resourcesにあります。

Do not rotate the MongoDB logo.
Do not change the color of the MongoDB logo.
Do not distort the MongoDB logo - be sure to scale proportionately.
Allow an appropriate amount of white space around the MongoDB logo, at least as much as the x-height of the logo (suggested).

この辺は画像をそのまま利用して拡大縮小する分には問題ないですね。空白の条件あるので注意です。

Preferred minimum size for the MongoDB logo is 100px wide. For smaller sizes, you must seek permission from the MongoDB marketing team.

最小サイズは100pxまでです。ご注意ください

PostgresSQL

ガイドラインはこちらです。ロゴも同じ場所に

追加していい文字の記載があるのが面白いですね。

Particularly if these uses are commercial in nature, we encourage you to present the marks with Postgres, PostgreSQL or the Elephant Logo (Slonik) followed by the ® symbol wherever practicable. If you use the outline version of Slonik, this should be followed by the ™ symbol.
Wherever possible, include the line: Postgres, PostgreSQL and the Slonik Logo are trademarks or registered trademarks of the PostgreSQL Community Association of Canada, and used with their permission.

また、ロゴの商用利用は禁止されてます。

文字入りはこちらにありました。

nginx

nginx、F5社によって買収されているそうですね。
OSSとしてのnginxはBSDライセンスでした。F5社でガイドラインはこちらに発見。

0.5インチ以下の場合だけThe registration mark and Endorsement Lineが削除可能とのこと

The registration mark and Endorsement Line should
only be removed when used at a size that is smaller
than .5” for print or digital.

ロゴはこちら

etcd


key-value管理ができるApache 2.0 licenseのOSSです。

他にガイドライン的な記載は特にみなかったけど、"Source"にはdocumentも含まれるので、iconも適用されると思われます。

"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.

React

ロゴに関する議論をしているissueを発見。
ライセンスはCC-BY-4.0です。

ロゴ自体が見つからん

ソースコードはこちら

参考

資料で使う技術/プロダクトロゴのリンク集

9
6
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
9
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?