Mit Branding wirkt Hermetry wie Ihre eigene Anwendung für Ihre Mitglieder und Kunden. Sie legen einen Markennamen, Logos, quadratische App-Symbole, ein Favicon und zwei Farben fest. Diese erscheinen in der App, auf den Anmeldeseiten Ihrer Organisation und in den E-Mails, die Hermetry für Ihre Organisation versendet.
Sie benötigen die Rolle Admin oder höher. Öffnen Sie Branding im Bereich Organisation des Menüs oder Einstellungen > Branding (Adresse /admin/settings/branding).
Markeninfo
| Feld | Verwendung |
|---|---|
| Markenname | Der Name, der mit Ihrem Logo angezeigt wird, zum Beispiel Acme Water. |
| Slogan | Eine kurze Zeile über Ihr Unternehmen, die neben dem Logo angezeigt wird, sofern Platz ist. |
Visuelle Identität
„Logos, App-Symbole, Favicon und Markenfarben“.
| Feld | Wo es erscheint | Hinweise |
|---|---|---|
| Logo (helles Design) | Das horizontale Logo auf den Anmeldeseiten und in E-Mails | „48 px hoch, höchstens 192 px breit.“ |
| Logo (dunkles Design) | Auf dunklen Hintergründen | „Ohne dieses Logo wird das helle Logo verwendet.“ |
| App-Symbol (helles Design) | Das quadratische Symbol im Admin-Kopfbereich (28 px) und auf App-Kacheln | „Ohne dieses Symbol wird das Favicon verwendet.“ |
| App-Symbol (dunkles Design) | Das quadratische Symbol auf dunklen Hintergründen | „Ohne dieses Symbol wird das helle Symbol verwendet.“ |
| Favicon | Das Symbol im Browser-Tab | „.ico oder .svg“ |
| Primärfarbe | „Schaltflächen, Links, Hervorhebungen“ | Leer lassen, um den Standard zu übernehmen. |
| Sekundärfarbe | „Farbige alternative Aktionen und die zweite Diagrammfarbe“ | Leer lassen, um den Standard zu übernehmen. |
Jedes Farbfeld hat Auf Standard zurücksetzen. Hermetry leitet aus Ihrer Farbe die Schattierungen für Hover, Gedrückt und Tönung ab, jeweils für das helle und das dunkle Design, und wählt darauf eine gut lesbare Textfarbe aus.
Wählen Sie Branding speichern. Die Seite zeigt Branding gespeichert.
Tipps für gute Ergebnisse
- Verwenden Sie ein SVG-Logo mit transparentem Hintergrund oder ein PNG in doppelter Anzeigegröße (96 px hoch).
- Stellen Sie ein Logo für das dunkle Design bereit, wenn Ihr helles Logo dunklen Text hat: Mitglieder, die das dunkle Design nutzen, sähen sonst dunklen Text auf einem dunklen Kopfbereich.
- Wählen Sie eine Primärfarbe mit ausreichendem Kontrast zu Weiß. Sehr helle Farben machen Schaltflächen schwer lesbar.
- Halten Sie das App-Symbol einfach: Es wird mit 28 px angezeigt.
Wo Branding verwendet wird
| Ort | Was verwendet wird |
|---|---|
| Die App (Kopfbereich, Schaltflächen, Links, Diagramme) | App-Symbol, Farben, Markenname |
| Anmelde- und Registrierungsseiten Ihrer Organisation | Logo, Farben, Markenname |
| E-Mails, die Hermetry für Ihre Organisation versendet (Einladungen, Alarme, Passwort-Zurücksetzungen) | Markenname, Logo und Primärfarbe |
| Browser-Tab | Favicon |
E-Mails enthalten nie eigenen Code oder das Favicon.
Branding und Ihre Adresse
Branding wird überall angezeigt, wo Ihre Organisation geöffnet wird: unter der kostenlosen Adresse <slug>.<platform domain> und unter einer eigenen Domain. Um Ihren Mitgliedern ein vollständig gebrandetes Erlebnis zu bieten, kombinieren Sie Branding mit einer eigenen Domain. Siehe Web-Adressen und eigene Domains.