company-logos

企業ロゴのスキル

使用する場面

• カスタム SVG ファイルを埋め込んだり、企業名をプレーンテキストで表示したりせずに、認識しやすいブランドマークを使いたいデザイン。
• ロゴの列、連携サービスのグリッド、導入実績、パートナー一覧、ツールのバッジで、一貫したアイコン表現が必要な場合。

ワークフロー

1. ブランドロゴのデフォルトのソースとして Iconify Simple Icons を使用します。
2. 各ロゴを 64x64 の表示枠に配置し、構成の密度に合わせて内側の SVG を拡大縮小します。
3. デフォルトではロゴをモノクロにします。周囲のデザインで控えめさよりも認識しやすさを重視する場合に限り、ブランドカラーを使用します。
4. ロゴを共通のベースラインまたは中央揃えのグリッドに配置し、列に意図的な統一感を持たせます。
5. ロゴが操作可能な場合、または重要な実績を伝える場合は、アクセシブルなラベルを追加します。

ガードレール

• アイコンが存在しない場合を除き、ロゴの代わりに企業名をテキストで表示しないでください。
• 1 つの列に、塗りつぶし、アウトライン、絵文字、ビットマップ、ワードマークのスタイルを混在させないでください。
• 検索結果にある、出所の不確かなロゴ素材をホットリンクしないでください。