Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

Logo, Favicon und Ihre Markenfarben bearbeiten

Zuletzt aktualisiert am: Juli 25, 2024

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Alle

Benutzer mit der Berechtigung Account-Standards bearbeiten können das Logo, das Favicon und die Farben Ihrer Marke in Ihrem Brand Kit bearbeiten. 

Legen Sie in Ihren Einstellungen Ihr Logo und Ihr Favicon sowie Ihre Primär-, Sekundär-, Akzent- und zusätzlichen Markenfarben fest. Die Markenfarben werden im Inhaltseditor, auf Terminplanungsseiten, Angeboten und Konversationskanälen angezeigt, nicht aber in Vorlagen und E-Mails für den Vertrieb. 

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 die Registerkarte 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 Entwicklerdokumentation von HubSpot mehr über Website-Barrierefreiheit.
  • 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.
edit-logo
  • Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie unten links auf Speichern .
Sie können ein Standardlogo für bestimmte Inhalte im Content-Editor oder im Design-Manager außer Kraft setzen. Klicken Sie im Logo -Modul auf den Schalter Standardlogo überschreiben, um ihn zu aktivieren, und laden Sie dann das  Logo hoch. override-default-logo-in-content-editor

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. 

  • 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 die Registerkarte Branding
  • Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten. 
  • 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. 

Bitte beachten: Um optimale Ergebnisse zu erzielen, speichern Sie Ihr Favicon als Bild mit einer Größe von 48 x 48 Pixel in einem dieser Dateiformate: .ico, .gif, .png.

  • Geben Sie im Feld Favicon-Name den Namen Ihres Favicons ein. 

add-favicon

  • 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 Conversations-Kanäle. Die Markenfarben werden nicht in Verkaufsvorlagen und -E-Mails erscheinen. 

  • 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 die Registerkarte Branding
  • Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten. 
  • Klicken Sie im Abschnitt Meine Brand-Kits auf die Registerkarte Farben
  • So legen Sie Ihre Markenfarben fest:
    • Primärfarbe: die Hauptfarbe, die in Ihrer Marke verwendet wird. Geben Sie unter Primärfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern. Primärfarbe ist ein Pflichtfeld.
    • Sekundärfarbe: die am zweithäufigsten verwendete Farbe in Ihrer Marke. Geben Sie unter Sekundärfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern.
    • Akzentfarben: ergänzen Ihre primären und sekundären Markenfarben. Geben Sie unter Akzentfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern. Sie können bis zu drei Akzentfarben hinzufügen.
    • Zusätzliche Farben: werden nicht automatisch verwendet, sind aber in der Farbauswahl verfügbar und können in Entwicklungswerkzeugen referenziert werden. Klicken Sie add Hinzufügen neben Zusätzliche Farben, geben Sie einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe. Klicken Sie dann auf Speichern als. Sie können bis zu sechzehn zusätzliche Farben hinzufügen.
      • Um eine zusätzliche Farbe zu löschen, klicken Sie auf delete löschen neben der Farbe, die Sie entfernen möchten, und dann auf Speichern als.

branding-Farben

Bitte beachten:

Wenn Ihre Website auf eine Farbe verweist, die nicht in den Markeneinstellungen festgelegt ist, wird eine Fallback-Logik verwendet:
  • Die Sekundärfarbe wird standardmäßig auf die erste verfügbare Zusatzfarbe eingestellt.
  • Die erste Akzentfarbe wird standardmäßig zur zweiten zusätzlichen Farbe.
  • Die zweite Akzentfarbe ist standardmäßig die dritte zusätzliche Farbe.
  • Die dritte Akzentfarbe ist standardmäßig die vierte zusätzliche Farbe.
  • Wenn keine zusätzlichen Farben eingestellt sind, wird ein Standardfarbwert verwendet. Wenn keine Standardfarbe festgelegt ist, wird die Primärfarbe als Ausweichfarbe 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

import-colors

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.