Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Muokkaa brändi logoa, favicon, brändi värejä, fontteja ja teemaa

Päivitetty viimeksi: 26 toukokuuta 2025

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Kaikki tuotteet ja HubSpot-tilaukset

Käyttäjät, joilla on Muokkaa tili oletusasetuksia -oikeus, voivat muokata brändi logoa, favicon, brändi, teemaa ja fontteja brändipaketti.

Huomaa: voit luoda yhden brändipaketti tili kohti. Jos sinulla on lisäosa, voit luoda yhden brändipaketti Brändi kohden.

Määritä asetuksissa logosi ja favicon, ensisijaiset, toissijaiset, aksentti- ja brändi, teemasi ja fontit. Brändi värit näkyvät sisältö, aikataulusivuilla, tarjoukset ja keskustelukanavissa, mutta ei näkyvät myyntipohjissa ja sähköposteissa.

Lisää tai muokkaa logoa

Voit muokata oletuslogoa tili asetuksissa. Voit ohittaa tämän logon yksittäisten sisältö osalta.

  • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
  • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

Brand Identity Select Brand: Dropdown menu to select a brand to update logo.

  • Valitse Brändi Kit -osiossa Logot.
  • Lisää uusi logosi:
    • Jos haluat lisätä olemassa olevan kuvan tiedostot logoksi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
    • Jos haluat lisätä uuden kuvan, valitse Upload (Lataa) ja lisää kuva tietokoneeltasi.
  • Kirjoita logon nimi -kenttään logon nimi . Tämä kenttä on pakollinen.
  • Kirjoita Logon alt-teksti -kenttään logon kuvaus hakukoneita ja ruudunlukijoita varten. Tämä parantaa sivustosi saavutettavuutta ja SEO. Lue lisää verkkosivusto saavutettavuudesta HubSpotin kehittäjien dokumentaatiosta.
  • Kirjoita Logon URL-osoite -kenttään URL-osoite, jos haluat logosi olevan napsautettavissa.
  • To resize your logo, enter a new dimensio in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
  • Jos haluat lisätä toisen logon, napsauta Logot-osan alareunassa olevaa + Lisää .
  • Jos haluat poistaa olemassa olevan kuvan, napsauta kuvan keskellä olevaa X-kirjainta.

Brand Identity Update Logo: Options to add or update a logo, with fields for logo details.

  • Jos haluat vaihtaa oletuslogon, siirrä hiiren kursori sen logon päälle, jota haluat käyttää oletuslogona, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Tee oletus.
  • Jos haluat poistaa logon, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Poista.

Brand Identity Change Default Logo: Dropdown menu to change or delete a logo.

  • <span itemprop="name headline\">Kun olet valmis muokkaamaan logoa, napsauta vasemmassa alakulmassa <strong>Päivitä </strong>. </span></li> <li>Voit ohittaa oletuslogon tietyn <span intento_0=0>sisällön</span> osalta <a href="https://knowledge.hubspot.com/fi/website-and-landing-pages/create-and-customize-pages" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank"> <span intento_1=0>sisällön</span> muokkaaja</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> tai </span><a href="/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">Suunnittelunhallinta</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. Valitse </span><span><span style="font-style: italic;">Logo </span><span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">moduulissa </span><strong style="background-color: transparent;">Override default logo</strong><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> päälle ja lataa sitten </span><span style="font-weight: bold;">logo</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. </span></li> </ul>

    Brand Identity Override Logo: Switch to override the default logo.

    Lisää tai muokkaa favicon

    tili asetuksissa voit mukauttaa verkkosivusto favicon, joka on pieni kuva selaimen välilehdessä sivun otsikon vieressä. favicon sovelletaan vain HubSpotissa isännöityyn sisältö.

    Huomaa: voit lisätä enintään 20 favicon Brändi kohti .

    • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
    • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
    • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

    Brand Identity Select Brand: Dropdown menu to select a brand for favicon update.

    • Napsauta Brändi Kit -osiossa Suosikit.
    • Lisää uusi favicon:
      • Jos haluat lisätä olemassa olevan kuvan tiedostot logoksi, valitse Selaa kuvia. Napsauta oikeassa paneelissa kuvaa.
      • Jos haluat lisätä uuden kuvan, valitse Lataa ja lisää kuva tietokoneeltasi.
    • Kirjoita Favicon name -kenttään nimi favicon. Tämä kenttä on pakollinen.
    • <span itemprop="name headline\">Voidaksesi lisätä toisen logon, </span>napsauta <strong>+ Lisää </strong> Faviconit<em> </em>osion alaosassa.</li> <li>Poistaaksesi olemassa olevan kuvan, napsauta kuvan keskellä olevaa <strong>X</strong>.</li>Poistaaksesi kuvan, napsauta <strong>X</strong> </ul>

      Brand Identity Update Favicon: Options to add or update a favicon.

      • Jos haluat vaihtaa favicon, siirrä hiiren osoitin sen favicon päälle, jota haluat käyttää oletuksena, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Tee oletus.
      • Jos haluat poistaa logon, napsauta pudotusvalikkoa Toiminnot ja valitse sitten Poista.

      Brand Identity Change Default Favicon: Dropdown menu to change the default favicon.

      • Kun olet muokannut favicon, napsauta Tallenna vasemmalla alhaalla.

      Lisää tai muokkaa brändi värejä

      Voit määrittää asetuksissa brändi värit, jotka näkyvät sisältö, sekä aikataulusivut, tarjoukset ja keskustelut. Brändi eivät näy myyntipohjissa ja sähköposteissa.

      • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
      • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
      • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

      Brand Identity Select Brand: Dropdown menu to select a brand to update colors.

      • Valitse Brändi Kit -osiossa Colors (Värit).
      • Voit määrittää brändi värit:
        • Ensisijainen väri: brändi käytettävä pääväri. Kirjoita Ensisijainen väri-kohtaan heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Ensisijainen väri on pakollinen kenttä.
        • Toissijainen väri: brändi toiseksi eniten käytetty väri. Kirjoita Secondary color (Toissijainen väri) -kohtaan heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna.
        • Aksenttivärit: täydentävät ensisijaisia ja toissijaisia brändi. Kirjoita kohdassa Accent color (korostusväri) heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Voit lisätä enintään kolme korostusväriä.
        • Lisävärit: Niitä ei käytetä automaattisesti, mutta ne ovat käytettävissä värinvalitsimissa ja niihin voidaan viitata kehitystyökaluissa. Napsauta add Lisää lisävärit-kohdan vieressä, syötä heksadesimaalikoodi tai napsauta värivalitsinta ja valitse väri. Napsauta sitten Tallenna. Voit lisätä enintään kuusitoista lisäväriä.
          • Jos haluat poistaa lisävärin, napsauta poistettavan värin vieressä olevaa delete Poista ja napsauta sitten Tallenna.

      Brand Kit Colors section, showing options to set primary, secondary, and accent colors.

      Huom:

      Jos sivustosi viittaa väriin, jota ei ole asetettu brändi, se käyttää varalogiikkaa:
      • Toissijainen väri on oletusarvoisesti ensimmäinen käytettävissä oleva lisäväri.
      • Ensimmäinen aksenttiväri oletusarvoisesti käyttää toista lisäväriä.
      • Toinen aksenttiväri on oletusarvoisesti kolmas lisäväri.
      • Kolmas korostusväri on oletusarvoisesti neljäs lisäväri.
      • Jos lisävärejä ei ole asetettu, käytetään oletusväriarvoa. Jos oletusväriä ei ole asetettu, se käyttää varaväriä.
      • Voit myös tuonti värejä elävästä sivusta, joka jo käyttää brändi värejä:
        • Valitse Tuonti värit URL-osoitteesta.
        • Kirjoita valintaikkunaan sen sivun URL-osoite , jossa käytetään brändi, ja valitse Etsi värejä.
        • Kun skannaus on valmis, poista valintaruutu niiden värien vierestä , joita et halua tuonti, ja valitse sitten Tuonti.

      Import Colors from URL: Dialog box to enter a URL to import colors.

      Lisää, muokkaa tai poista fontteja

      Voit määrittää asetuksissa ensisijaiset, toissijaiset ja mukautetut fontit, joita käytetään kaikkialla sisältö. Voit asettaa lisää tai muokata fontteja:

      Lisää fontteja

      • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
      • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
      • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • Valitse Brändi Kit -osiossa Fonts.
      • Voit määrittää tekstissä käytettävän fontin:
        • Napsauta kohdassa Body (runko) Valitse fontti -pudotusvalikkoa.
        • Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
        • Napsauta Päivitä.
      • Asettaa fontin, jota käytetään otsikoissa ja isossa tekstissä:
        • Napsauta Ensisijainen-kohdassa Valitse fontti -pudotusvalikkoa.
        • Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
        • Napsauta Päivitä.
      • Voit määrittää mukautetun fontin, joka on käytettävissä fontinvalitsimessa sisältö:
        • Lisää mukautettu fontti: Napsauta kohdassa Mukautetut fontit + Lisää mukautettu fontti.
        • Kirjoita fontin nimi -kenttään fontin nimi.
        • Napsauta Valitse tiedosto(t).
        • Valitse tietokoneelta ladattavat tiedostot. Tuetut tiedosto: TTF, OTF ja WOFF.
        • Lisää lisää tiedostot valitsemalla + Lataa lisää tiedostot.
        Add custom font interface in HubSpot settings showing font name field and choose font files button.
        • Napsauta Seuraava.
        • Käytä pudotusvalikoita valitaksesi vastaavan kirjasintyylin.

      Custom font style selection dropdown menus in HubSpot settings.

        • Voit lisätä muita tyylejä valitsemalla + Lisää toinen kirjasintyyli.
        • Napsauta Päivitä.
        • Voit lisätä useamman kuin yhden mukautetun fontin. Jos haluat lisätä toisen, käy vaiheet läpi uudelleen.

      Muokkaa fontteja

      Olemassa olevien fonttien muokkaaminen:

      • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
      • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
      • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • Valitse Brändi Kit -osiossa Fonts.
      • Voit muokata runkotekstissä käytettävää fonttia:
        • Napsauta pudotusvalikkoa kohdassa Body (runko).
        • Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
        • Napsauta Päivitä.
      • Voit muokata otsikoissa ja isossa tekstissä käytettävää fonttia:
        • Napsauta pudotusvalikkoa kohdassa Ensisijainen.
        • Kirjoita fontin nimi hakupalkkiin tai valitse fontti luettelo.
        • Napsauta Päivitä.
      • Mukautetun fontin muokkaaminen:
        • Valitse Mukautetut fontit-kohdassa nykyisen fontin vieressä Toiminnot ja valitse sitten Muokkaa.
      Edit custom font option under Actions dropdown in HubSpot settings.
        • Käytä pudotusvalikoita vastaavan kirjasintyylin valitsemiseen.

      Custom font style selection dropdown menus in HubSpot settings for editing.

        • Voit lisätä uusia tyylejä valitsemalla + Lisää toinen kirjasintyyli.
        • Napsauta Päivitä.

      Poista mukautetut fontit

      Mukautettujen fonttien poistaminen:

      • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
      • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
      • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

      Brand Identity Select Brand: Dropdown menu to select a brand to delete custom fonts.

      • Valitse Brändi Kit -osiossa Fonts.
      • Valitse Mukautetut fontit-kohdassa nykyisen fontin vieressä Toiminnot ja valitse sitten Poista.

      Delete custom font option under Actions dropdown in HubSpot settings.

      • Valitse valintaikkunassa Poista fontti.

      Vaihda teemaa

      Teema on joukko malleja, moduuleja, yleistä sisältö ja tyyliasetuksia, joita voidaan käyttää verkkosivusto luomiseen. Voit muokata sivuja ja viestejä käyttämällä teemaa sisältö ja asettaa blogi käyttämään teemaa blogi.

      Kaikilla tileillä on pääsy vähintään yhteen HubSpotin oletusteemaan. Teemoja voi myös ladata mallipohjakauppa -palvelusta .

      Huomaa: tietopohjat käyttävät muunneltua versiota teemoista. Lisätietoja tietämyskanta teema-asetusten muokkaamisesta.

      Teeman vaihtaminen:

      • Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
      • Valitse vasemmanpuoleisessa sivupalkin valikossa Brändi Identity.
      • Jos käytät lisäosa, napsauta oikeassa yläkulmassa olevaa pudotusvalikkoa ja valitse Brändi, jonka logon haluat päivittää.

      Brand Identity Select Brand: Dropdown to select a brand to change the theme.

      • Valitse Brändi Kit -osiossa Theme.
      • Valitse Vaihda teema, jos haluat valita toisen teeman.
          • Käytettävissä olevat teemat tulevat näkyviin. Valitse Set as active theme (Aseta aktiiviseksi teemaksi ) sen teeman vieressä, jota haluat käyttää brändi.
          • Näytä muut ladattavissa olevat teemat napsauttamalla Näytä teemat Markkinapaikka.
        • Muokkaa teema-asetuksia valitsemalla Muokkaa.
        • Valitse Preview (Esikatselu ) esikatsellaksesi, miltä teemasi näyttää.
Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.