- Baza wiedzy
- Konto i ustawienia
- Branding
- Edytuj logo marki, favicon, kolory marki, czcionki i motyw
Edytuj logo marki, favicon, kolory marki, czcionki i motyw
Data ostatniej aktualizacji: 23 czerwca 2026
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
Używaj zestawów marek do zarządzania zasobami brandingu dla konta HubSpot. W zestawie marki dodaj lub edytuj logo, favicon, kolory marki, motyw i czcionki, aby zachować spójność brandingu w treściach hostowanych przez HubSpot i obsługiwanych narzędziach.
Można na przykład ustawić domyślne kolory marki, które pojawiają się w edytorze treści, na stronach planowania, w wycenie i w kanałach konwersacji. Jeśli posiadasz dodatek Brands, możesz utworzyć zestaw marek dla każdej marki i zarządzać nim.
Dowiedz się więcej o tym, jak edycja zestawu marki poprawia wyniki AI.
Do edycji zestawów marek wymagane są uprawnienia administratora o rozszerzonych uprawnieniach lub uprawnienia do edycji domyślnych ustawień konta
Dodaj, edytuj lub usuń logo
W zakładce „Zestaw marki” edytuj swoje domyślne logo. To logo można zastąpić dla poszczególnych elementów treści.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ” kliknij opcję „Dodaj logo +”.
- W prawym panelu dodaj swoje nowe logo:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. W prawym panelu kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Nazwa logo wprowadź nazwę logo. To pole jest wymagane.
- W polu Tekst alternatywny logo wprowadź opis logo dla wyszukiwarek i czytników ekranu. Poprawia to dostępność strony i SEO witryny. Dowiedz się więcej o dostępności witryny internetowej w dokumentacji deweloperskiej HubSpot.
- Wpolu „Link” wpisz adres URL , jeśli chcesz, aby logo było klikalne.
- Aby ustawić to logo jako domyślne, kliknij przycisk „Tak”. Aby przypisać logo do domeny, kliknij „Nie”. Następnie kliknij menu rozwijane domen , aby wybrać domenę.
- Kliknij przycisk Zapisz.
- Aby edytować lub usunąć logo albo ustawić je jako domyślne, kliknij verticalMenuIconikonę pionowego menu, a następnie kliknij opcję „Ustaw jako domyślne”,„Edytuj logo” lub „Usuń logo”.
Dodaj, edytuj lub usuń favicon
W zakładce „Zestaw marki ” dostosuj favicon swojej witryny internetowej – czyli małą ikonkę wyświetlaną w zakładce przeglądarki obok tytułu strony. Favicon będzie stosowany tylko do treści hostowanych na HubSpot. Możesz dodać do 20 faviconów na markę Branding.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ” kliknij opcję „Dodaj favicon +”.
- W prawym panelu dodaj swój nowy favicon:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. Następnie kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Favicon name wprowadź nazwę faviconu.
- Aby ustawić tę ikonę jako domyślną, wybierz opcję „Tak”. Aby przypisać faviconę do domeny, kliknij „Nie”. Następnie kliknij menu rozwijane domen , aby wybrać domenę.
- Kliknij przycisk Zapisz.
- Aby edytować lub usunąć faviconę albo ustawić ją jako domyślną, kliknij verticalMenuIconikonę pionowego menu, a następnie kliknij opcję „Ustaw jako domyślną”,„Edytuj favicon” lub „Usuń favicon”.
Dodaj, edytuj lub usuń kolory marki
W zakładce „Zestaw marki” , która pojawi się w edytorze treści, ustaw kolory marki, które będą widoczne na stronach planowania, w wycenach oraz w kanałach rozmów. Kolory marki nie będą pojawiać się w szablonach Sales i wiadomościach e-mail.
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ” kliknij opcję „Edytuj kolory”.
- Aby ustawić kolory marki, w prawym panelu:
- Aby zaimportować kolory z adresu URL, kliknij przycisk Importuj kolory z adresu URL.
- W oknie dialogowym wprowadź adres URL strony z kolorami marki i kliknij przycisk Znajdź kolory.
- Przeciągnij i upuść kolory, których chcesz użyć, obok koloru, do którego chcesz je przypisać. Na przykład przeciągnij #754262 do sekcji Kolor podstawowy .
- Aby wprowadzić kod szesnastkowy lub wybrać kolory:
- Kolor podstawowy: główny kolor używany w marce. W sekcji Kolor podstawowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Kolor dodatkowy: drugi najczęściej używany kolor w Twojej marce. W sekcji Kolor dodatkowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Kolory akcentujące: kolory, które uzupełniają podstawowe i drugorzędne kolory marki. W sekcji Kolor akcentu wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Dodatkowe kolory: te kolory nie są używane automatycznie, ale będą dostępne w selektorach kolorów i można się do nich odwoływać w narzędziach programistycznych. Kliknij add Dodaj obok opcji Dodatkowe kolory, wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Aby usunąć dodatkowy kolor, kliknij przycisk Usuń.
- Aby zaimportować kolory z adresu URL, kliknij przycisk Importuj kolory z adresu URL.
- Kliknij przycisk Zapisz.
- Aby usunąć kolor marki, kliknij ikonę deleteIconikonę usunięcia obok koloru.
Uwaga:
Jeśli witryna odwołuje się do koloru, który nie jest ustawiony w ustawieniach marki, użyje logiki awaryjnej:- Kolor dodatkowy będzie domyślnie pierwszym dostępnym kolorem dodatkowym.
- Pierwszym kolorem akcentującym będzie domyślnie drugi kolor dodatkowy.
- Drugim kolorem akcentującym będzie domyślnie trzeci kolor dodatkowy.
- Trzeci kolor akcentujący zostanie domyślnie ustawiony na czwarty kolor dodatkowy.
- Jeśli dodatkowe kolory nie zostaną ustawione, użyta zostanie domyślna wartość koloru. Jeśli nie ustawiono domyślnego koloru, użyty zostanie kolor podstawowy.
Dodawanie, edytowanie lub usuwanie czcionek
Uwaga: dodanie czcionek w ustawieniach marki powoduje ustawienie czcionek domyślnych dostępnych w narzędziach do tworzenia treści HubSpot. W przypadku stron korzystających z niestandardowych motywów, szablonów z kodem lub niestandardowych arkuszy stylów może być również konieczne załadowanie czcionki w szablonie lub arkuszu stylów. W przypadku czcionek Google Fonts należy dodać instrukcję @import dla danej czcionki do arkusza stylów używanego przez stronę.
W zakładce „Zestaw marki ” ustaw czcionki główne, dodatkowe i niestandardowe, które będą stosowane we wszystkich treściach.
Dodaj czcionki
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ”, w sekcji „Czcionki” , kliknij przycisk „Edytuj” obok czcionki, którą chcesz zmienić
- W prawym pasku bocznymwybierz menu rozwijane„Wybierz czcionkę ”.
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
- Aby ustawić czcionkę niestandardową, która będzie dostępna w selektorze czcionek w edytorach treści, kliknij przycisk „+ Dodaj czcionkę niestandardową”.
- W polu Nazwa czcionki wprowadź nazwę czcionki.
- Kliknij Wybierz pliki czcionek.
- Wybierz pliki czcionek do przesłania z komputera. Obsługiwane formaty plików: TTF, OTF i WOFF.
- Kliknij + Prześlij więcej plików , aby dodać więcej plików czcionek.
- Kliknij przycisk Dalej.
- Użyj menu rozwijanych , aby wybrać odpowiedni styl czcionki.
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
- Kliknij przycisk Zapisz.
Edytowanie lub usuwanie niestandardowych czcionek
Aby edytować czcionki niestandardowe:
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknijmenu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ” w sekcji „Czcionki”, w części„Czcionki niestandardowe”, obok istniejącej czcionki kliknijopcję „Działania”, a następnie wybierz opcję„Edytuj” lub „Usuń”.
-
- Użyj rozwijanych menu , aby wybrać odpowiedni styl czcionki.
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
- Kliknij przycisk Zapisz.
Zmiana motywu
Szablon to zbiór szablonów, modułów, treści globalnych oraz ustawień stylistycznych, które można wykorzystać do stworzenia witryny internetowej. Edytuj strony i wpisy przy użyciu motywu w edytorze treści oraz skonfiguruj szablony bloga tak, aby korzystały z motywu w ustawieniach bloga.
Wszystkie konta mają dostęp do co najmniej jednego domyślnego motywu HubSpot. Motywy można również pobrać z szablonu centrum zasobów.
Uwaga: bazy wiedzy korzystają ze zmodyfikowanej wersji motywów. Dowiedz się więcej o edycji ustawień motywu Bazy wiedzy.
Aby zmienić motyw:
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Marka. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Marka.
- Jeśli korzystasz z dodatku „Marki”, kliknij menu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W zakładce „Zestaw marki ” kliknij opcję„Ustaw motyw ” lub „Zmień motyw” , aby wybrać inny motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz używać dla swojej marki.
- Wprowadź nazwę motywu na pasku wyszukiwania, aby wyszukać motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz używać dla swojej marki.
- Wprowadź nazwę motywu na pasku wyszukiwania, aby wyszukać motyw.
- Kliknij „Edytuj / Podgląd” , aby edytować ustawienia motywu.