Logo, Favicon und Ihre Markenfarben bearbeiten
Zuletzt aktualisiert am: Januar 27, 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
Benutzer mit der Berechtigung Account-Standards bearbeiten können das Logo, das Favicon und die Farben Ihrer Marke in Ihrem Brand Kit bearbeiten.
Bitte beachten: Sie können ein Brand-Kit pro Account erstellen. Wenn Sie über das Add-on für Unternehmensbereiche verfügen, können Sie ein Brand-Kit pro Unternehmensbereich erstellen.
Legen Sie in den Einstellungen Logo und Favicon sowie Ihre primären Farben, sekundären Farben, Akzentfarben und zusätzlichen Markenfarben fest. Markenfarben werden im Content-Editor, auf Terminplanungsseiten, in Angeboten und Konversationskanälen angezeigt, aber nicht in Vertriebsvorlagen und -E-Mails.Ihr Logo bearbeiten
In den Einstellungen Ihres Accounts können Sie Ihr Standardlogo bearbeiten. Sie können dieses Logo für einzelne Inhalte außer Kraft setzen.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf den Tab Branding.
- Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
- Um ein neues Logo hinzuzufügen, klicken Sie im Abschnitt Logos auf + Hinzufügen.
- Fügen Sie Ihr neues Logo hinzu:
- Um ein vorhandenes Bild aus dem Datei-Tool als Logo hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
- Um ein neues Bild hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
- Geben Sie im Feld Logoname einen Namen für das Logo ein. Hierbei handelt es sich um ein Pflichtfeld.
- Geben Sie im Feld Logo-ALT-Text eine Beschreibung Ihres Logos für Suchmaschinen und Bildschirmleseprogramme ein. Dadurch werden die Barrierefreiheit und die SEO Ihrer Website verbessert. Erfahren Sie in der HubSpot-Entwicklerdokumentation mehr über die Barrierefreiheit von Websites.
- Geben Sie im Feld Logo-URL eine URL ein, wenn Ihr Logo anklickbar sein soll.
- Um die Größe Ihres Logos zu ändern, geben Sie im Feld Breite oder Höhe einen neuen Wert ein. Das andere Feld wird automatisch angepasst, um die Proportionen des Bildes beizubehalten.
- Um ein weiteres Logo hinzuzufügen, klicken Sie auf + Hinzufügen am unteren Rand des Abschnitts Logos.
- Um ein vorhandenes Bild zu löschen, bewegen Sie den Mauszeiger über das Bild und klicken Sie auf das X in der oberen rechten Ecke. Um ein Logo zu löschen, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Löschen aus.
- Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie unten links auf Speichern .
Ihr Favicon bearbeiten
In den Account-Einstellungen können Sie das Favicon Ihrer Website, also das kleine Bild in einem Browserfenster neben dem Seitentitel, anpassen. Ihr Favicon wird nur auf in HubSpot gehostete Inhalte angewendet.
Bitte beachten: Sie können bis zu 20 Favicons pro Unternehmensbereich hinzufügen.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf den Tab Branding.
- Klicken Sie auf Ihr Brand-Kit .
- Um ein neues Favicon hinzuzufügen, klicken Sie im Abschnitt Favicon auf + Hinzufügen.
- Fügen Sie Ihr neues Favicon hinzu:
- Um ein vorhandenes Bild aus dem Datei-Tool als Favicon hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
- Um ein neues Bild als Favicon hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu. Die besten Ergebnisse erzielen Sie, wenn Sie Ihre Favicon als Bild mit einer Größe von 48 x 48 Px in einem der folgenden Dateiformate speichern: .ico,.gif,.png.
- Geben Sie im Feld Favicon-Name den Namen Ihres Favicons ein.
- Wenn Sie mit der Bearbeitung Ihres Favicons fertig sind, klicken Sie unten links auf Speichern.
Ihre Markenfarben bearbeiten
Sie können in Ihren Einstellungen Markenfarben festlegen, die im Content-Editor angezeigt werden, sowie Terminplanungsseiten, Angebote und Konversationskanäle. Markenfarben werden in Vertriebsvorlagen und -E-Mails nicht angezeigt.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf den Tab Branding.
- Klicken Sie auf Ihr Brand-Kit .
- Klicken Sie im Abschnitt Meine Brand-Kits auf den Tab Farben.
- So legen Sie Ihre Markenfarben fest:
- Primäre Farbe: die für Ihre Marke verwendete Hauptfarbe. Geben Sie unter Primäre Farbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl, um eine Farbe auszuwählen. Klicken Sie dann auf Speichern. Primäre Farbe ist ein Pflichtfeld.
- Sekundäre Farbe: die am zweithäufigsten verwendete Farbe in Ihrer Marke. Geben Sie unter Sekundäre Farbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern.
- Akzentfarben: Ergänzen Sie Ihre primären und sekundären Markenfarben. Geben Sie unter Akzentfarbe einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl, um eine Farbe auszuwählen. Klicken Sie dann auf Speichern. Sie können bis zu drei Akzentfarben hinzufügen.
- Zusätzliche Farben: werden nicht automatisch verwendet, sind aber in Farbauswahlen verfügbar und in den Entwicklungstools kann auf sie verwiesen werden. Klicken Sie neben Zusätzliche Farben auf add Hinzufügen, geben Sie einen Hexadezimalcode ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie anschließend auf Speichern. Sie können bis zu sechzehn zusätzliche Farben hinzufügen.
- Um eine zusätzliche Farbe zu löschen, klicken Sie neben der Farbe, die Sie entfernen möchten, auf Löschen und delete und dann auf Speichern.
Bitte beachten:
Wenn Ihre Website auf eine Farbe verweist, die nicht in den Markeneinstellungen festgelegt ist, wird eine Fallback-Logik verwendet:- Als sekundäre Farbe wird standardmäßig die erste verfügbare zusätzliche Farbe gewählt.
- Die erste Akzentfarbe wird standardmäßig auf die zweite zusätzliche Farbe festgelegt.
- Die zweite Akzentfarbe wird standardmäßig auf die dritte zusätzliche Farbe festgelegt.
- Die dritte Akzentfarbe wird standardmäßig auf die vierte zusätzliche Farbe festgelegt.
- Wenn keine zusätzlichen Farben festgelegt sind, wird ein Standardfarbwert verwendet. Wenn keine Standardfarbe festgelegt ist, wird die primäre Farbe als Fallback verwendet.
- Sie können auch Farben von einer Live-Seite importieren, die bereits Ihre Markenfarben verwendet:
- Klicken Sie auf Farben von URL importieren.
- Geben Sie im Dialogfeld die URL einer Seite ein, die Ihre Markenfarben verwendet, und klicken Sie dann auf Farben suchen.
- Deaktivieren Sie nach Abschluss des Scanvorgangs das Kontrollkästchen neben den Farben, die Sie nicht importieren möchten, und klicken Sie dann auf Importieren.