アイコンと名称の使用ガイドライン
Visual Studio Code および VS Code のアイコンと名称の使用に関する必要な情報
アイコン
適切なアイコン
Visual Studio Code “stable” アイコン
青色のアイコンは Microsoft Visual Studio Code を表し、適切と思われる場所でどこでも使用する必要があります。
代替アイコン
白いバリアントは、十分なコントラストがない場合 (たとえば、青色の背景の場合) のみ 使用してください。
アイコンをダウンロード PNG および SVG ファイルを含む不適切なアイコン
これらのアイコンは使用しないでください
緑色のアイコン (VS Code Insiders) やオレンジ色のアイコン (VS Code Exploration) は使用しないでください…
…またはアプリのアイコン…
…または古いアイコン
アイコンの使用方法
ロゴの間隔
アイコンの最も近い端から周囲のクリアスペースの量が、「魚」のモチーフの 25% スケールに相当することを確認してください。
問題のない使用例
Visual Studio Code に関するドキュメントまたはチュートリアル (テキストおよびビデオ形式の両方)、ブログ投稿、ニュース記事でアイコンを使用する。
当社の Web サイト (code.visualstudio.com) にリンクするためにアイコンを使用する。
問題のある使用例
独自の製品、サービス、アプリケーション、VS Code 拡張機能、ブログ、ポッドキャスト、ニュースレター、ビデオ、チャンネルなどを識別または宣伝するためにアイコンを使用する。
マイクロソフトまたはそのブランドとの関連付けを暗示する方法で、お客様の製品を当社のアイコンと関連付ける。
当社のアイコンが付いた商品またはその他の製品を販売する。
VS Code アイコンをロゴに統合する。
Visual Studio Code または別のブランドのロックアップとしてアイコンを使用する (たとえば、「Visual Studio Code」という名前と組み合わせたロゴとしてアイコンを使用しないでください)。
アイコンを異なるスタイルで変更または再描画する。
アイコンにテキスト、画像、または背景を追加する。
アイコンを伸縮したり、アイコンのアスペクト比を変更したり、「魚」を変形させたりする。
色
当社のカラーパレット
RGB (0, 152, 255)
#0098FF
RGB (0, 122, 204)
#007ACC
RGB (0, 101, 169)
#0065A9
RGB (243, 243, 243)
#F3F3F3
RGB (68, 68, 68)
#444444
RGB (37, 37, 38)
#252526
ブランド名
問題のない使用例
最初のインスタンスでは「Visual Studio Code」を使用してください。
適切な大文字と小文字およびスペーシングに注意してください (「vscode」、「VSCode」、「VSC」、「Code」とは言わないでください)。
Web とデスクトップを区別する必要がある場合は、Web クライアントを「VS Code for the Web」、デスクトップクライアントを「VS Code Desktop」と呼んでください。
問題のある使用例
Web サイト、製品、サービス、またはドメイン名で製品名 (Visual Studio Code または VS Code) を使用する。
マイクロソフトまたは Visual Studio Code チームからの推奨を暗示するような名前を製品、アプリケーション、またはプロジェクトに付ける。
Visual Studio Code 用のコンテンツ (拡張機能、トレーニング資料など) を作成しますか?
はいの場合、コンテンツが Visual Studio Code 用に最適化されている、関連している、または Visual Studio Code で動作することを示す場合は、コンテンツに名前を付ける際に次の形式を使用してください。
正しい例: Visual Studio Code 用 [拡張機能名]
誤った例: Visual Studio Code [拡張機能名]
ブランドに関する質問
ブランドに関する質問の問い合わせ先
- このページに含まれていないアートワークを使用したい場合。
- ビデオまたは主要メディアで画像を使用したい場合。
- これらのガイドラインで許可されていない方法で Visual Studio Code または VS Code の名称またはアイコンを使用したい場合。
- これらのガイドラインについて質問がある場合。
ブランドに関する質問は、vscode at microsoft.com に送信するか、Twitter @code でメッセージを送信してください。
法律
Visual Studio Code、VS Code、および Visual Studio Code アイコンは、Microsoft Corporation の商標です。All rights reserved.