Logo-Verwendung
Regeln zur Logo-Verwendung einschließlich Varianten, Rastergrößen, Anforderungen an den Freiraum sowie erlaubter versus verbotener Anwendungen.
Varianten
| Variante | Datei | Anwendungsfall |
|---|---|---|
| Bildmarke, helle Oberfläche | assets/logo.svg | README-Kopfzeile, Site-Hero, Diagramme, helle Hintergründe |
| Bildmarke, dunkle Oberfläche | assets/logo-dark.svg | Site-Hero und dunkle Hintergründe |
| Wortmarke, helle Oberfläche | assets/logo-wordmark.svg | Breite Sperrungen, bei denen der Markenname mit der Bildmarke mitgeführt werden muss |
| Wortmarke, dunkle Oberfläche | assets/logo-wordmark-dark.svg | Breite Sperrungen auf dunklen Oberflächen |
| Browser-Favicon | assets/favicon.svg, assets/favicon.ico, assets/favicon-16x16.png, assets/favicon-32x32.png | Browser-Tabs und ICO-Fallback-Konsumenten |
| Apple-Touch-Icon | assets/apple-touch-icon-180.png | iOS-Lesezeichen |
| Social Cards | assets/og-banner-1200x630.png, assets/twitter-card.png, assets/social-preview.svg | Open-Graph-, Twitter/X- und GitHub-Repository-Vorschauflächen |
Rastergrößen
Vorgenerierte Bildmarken-Raster sind in 16, 32, 64, 128, 192, 256, 512 und 1024px verfügbar.
Sowohl helle als auch dunkle Varianten werden bereitgestellt, außer beim 192px-Raster, das
nur hell vorliegt (das PWA-Installations-Icon mit purpose: "any"). Das Favicon verwendet ein
vereinfachtes Monogramm, nicht die vollständige Geflechtmarke, damit es bei
Browser-Tab-Größen lesbar bleibt.
Freiraum
Halte auf allen Seiten einen Mindest-Freiraum von 1/4 der Logohöhe ein. Platziere das Logo nicht auf Hintergründen, die es unleserlich machen. Verwende das Favicon-Monogramm nur für kleine quadratische Oberflächen; verwende die vollständige Bildmarke oder die Wortmarke überall dort, wo die Bildmarke genug Raum zum Atmen hat.
Erlaubte Verwendungen
- Verlinkung auf die Apothem-Website oder das Repository
- Integrationsdokumentation und Blogbeiträge über Apothem
- Präsentationen, die auf Apothem verweisen
Verbotene Verwendungen
- Ändern der Form, der Proportionen oder des Geflechtmotivs des Logos
- Verwendung des Logos, um ohne Erlaubnis eine offizielle Befürwortung zu suggerieren
- Kombinieren des Logos mit anderen Marken in einer Weise, die eine neue zusammengesetzte Marke erzeugt
Harness-Markenfarben
Markenfarbpalette je Harness, die auf der gesamten Apothem-Projektwebsite, in der Apothem-Bildmarke und in jedem Architekturdiagramm verwendet wird. Eine einzige Quelle der Wahrheit — siebzehn Markenfarben, ein apothem-Hub.
Rezept zum Neuaufbau der Assets
Alle Raster-Markenassets aus den Master-SVG-Quellen mit resvg und Pillow neu generieren.