ブランドガイドライン
ロゴの使用
バリアント、ラスターサイズ、余白の要件、許可された用途と禁止された用途を含む、ロゴの使用ルール。
バリアント
| バリアント | ファイル | 使用ケース |
|---|---|---|
| マーク、明るい表面 | assets/logo.svg | README ヘッダー、サイトのヒーロー、図、明るい背景 |
| マーク、暗い表面 | assets/logo-dark.svg | サイトのヒーローと暗い背景 |
| ワードマーク、明るい表面 | assets/logo-wordmark.svg | ブランド名をマークとともに表示する必要があるワイドなロックアップ |
| ワードマーク、暗い表面 | assets/logo-wordmark-dark.svg | 暗い表面上のワイドなロックアップ |
| ブラウザの favicon | assets/favicon.svg、assets/favicon.ico、assets/favicon-16x16.png、assets/favicon-32x32.png | ブラウザのタブと ICO フォールバックの利用者 |
| Apple タッチアイコン | assets/apple-touch-icon-180.png | iOS のブックマーク |
| ソーシャルカード | assets/og-banner-1200x630.png、assets/twitter-card.png、assets/social-preview.svg | Open Graph、Twitter/X、GitHub リポジトリのプレビュー表面 |
ラスターサイズ
事前生成されたマークのラスターは 16、32、64、128、192、256、512、1024px で利用できます。
明るいバリアントと暗いバリアントの両方が提供されますが、192px のラスターは例外で
ライトのみです（PWA の purpose: "any" インストールアイコン）。favicon は完全な織り
マークではなく簡略化したモノグラムを使用するため、ブラウザのタブサイズでも判読可能な
まま保たれます。
余白
すべての辺で、ロゴの高さの 1/4 を最小余白として確保してください。 判読不能になるような背景にロゴを配置しないでください。 favicon のモノグラムは小さな正方形の表面にのみ使用してください。マークが呼吸できる だけの余地がある場所では、どこでも完全なマークまたはワードマークを使用してください。
許可される用途
- Apothem のウェブサイトまたはリポジトリへのリンク
- Apothem に関する統合ドキュメントやブログ記事
- Apothem を参照するプレゼンテーション
禁止される用途
- ロゴの形状、比率、または織りモチーフの変更
- 許可なくロゴを使用して公式な推奨を示唆すること
- 新しい複合マークを生み出すような方法でロゴを他のマークと組み合わせること