Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Edite el logotipo, el favicono, los colores, los tipos de letra y el tema de su marca

Última actualización: 30 de septiembre de 2025

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Los usuarios con acceso al permisoEditar valores predeterminados de la cuenta pueden editar el logotipo, el favicono, los colores de la marca, el tema y las fuentes de su kit de marca. 

Nota: puedes crear un kit de marca por cuenta. Si tiene el Complemento Branding, puede crear un kit de marca por Marca.

Los colores de la marca aparecerán en el editor de contenidos, las páginas de programación, las cotizaciones y los canales de conversación, pero no aparecerán en las plantillas de ventas ni en los correos electrónicos. 

Añada o modifique su logotipo

En la pestaña Visión general de la marca , puede editar su logotipo predeterminado. Puedes anular este logotipo para contenidos individuales. 

  1. En tu cuenta de HubSpot, ve a Contenido > Marca.
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.

    marca-identidad-contexto-seleccionar-marca
  3. En la sección Kit de marca , haga clic en Logotipos.
  4. En el panel derecho, añada su nuevo logotipo:
    • Para agregar una imagen existente de la herramienta de archivos como logotipo, haz clic en Examinar imágenes. En el panel derecho, haz clic en la imagen
    • Para agregar una nueva imagen, haz clic en Cargar y luego agrega una imagen desde tu computadora. 
    • En el campo Nombre del logotipo, escribe un nombre para el logotipo. Este campo es obligatorio. 
    • Haga clic en el menú desplegable Dominio del logotipo y seleccione un dominio específico para el logotipo si no desea utilizar el dominio predeterminado.
    • En el campo Texto alternativo del logotipo, introduce una descripción de tu logotipo para los motores de búsqueda y los lectores de pantalla. Esto mejora la accesibilidad y el SEO de su sitio. Obtén más información sobre la accesibilidad del sitio web en la documentación para desarrolladores de HubSpot.
    • En el campo URL del logotipo , introduce una URL si deseas que se pueda hacer clic en tu logotipo.
    • Para cambiar el tamaño de su logotipo, introduzca una nueva dimensión en el campo Anchura o Altura . El otro campo se ajustará automáticamente para mantener las proporciones de la imagen. 
    • Si desea que este logotipo sea el predeterminado, haga clic en la casilla de verificación Convertirlo en mi logotipo predeterminado .
    • Para eliminar un logotipo, haga clic en Eliminar.
    • Para añadir otro logotipo, haga clic en + Añadir otro logotipo en la parte inferior.

      branding-subir-logotipo
    • Cuando hayas terminado de editar el logotipo, haz clic en Actualizar.

Añade o edita tu favicono

En la pestaña Branding , puede personalizar el favicono de su sitio web, la pequeña imagen que aparece en la pestaña del navegador junto al título de la página. Tu favicono sólo se aplicará al contenido alojado en HubSpot. 

Nota: puede añadir hasta 20 faviconos por Marca.

  1. En tu cuenta de HubSpot, ve a Contenido > Marca..
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.

    marca-identidad-contexto-seleccionar-marca
  3. En la sección Kit de marca , haga clic en Faviconos
  4. En el panel derecho, añade tu nuevo favicono:
    • Para agregar una imagen existente de la herramienta de archivos como logotipo, haz clic en Examinar imágenes. A continuación, haz clic en la imagen
    • Para agregar una nueva imagen, haz clic en Cargar y luego agrega una imagen desde tu computadora. 
  5. Introducir un nombre para el favicono en el campo Nombre del favicono
  6. Para hacer que el favicono sea el predeterminado, seleccione la casilla de verificación Hacer que este sea mi favicono predeterminado .
  7. Para añadir otro logotipo, haga clic en + Añadir otro favicono.
  8. Para eliminar una imagen existente, haga clic en Eliminar.


    branding-favicono
  9. Cuando hayas terminado de editar el favicono, haz clic en Actualizar.

Añade o edita los colores de tu marca

Puede ajustar los colores de la marca en la pestaña Visión general de la marca que aparecerá en el editor de contenidos, así como en las páginas de programación, las cotizaciones y los canales de conversaciones. Los colores de la marca no aparecerán en las plantillas de ventas ni en los correos electrónicos. 

  1. En tu cuenta de HubSpot, ve a Contenido > Marca.
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.

    marca-identidad-contexto-seleccionar-marca
  3. En la sección Kit de marca , haga clic en Colores.
  4. Para ajustar los colores de tu marca, en el panel derecho:
    • Para importar tus colores desde una URL, haz clic en Importar colores desde URL.
      • En el cuadro de diálogo, introduce la URL de una página con los colores de tu marca y haz clic en Buscar colores
      • Arrastre y suelte los colores que desea utilizar junto al color al que desea asignarlos. Por ejemplo, arrastre #754262 a la sección Color primario .

        branding-color-picker
    • Introducir el código hexadecimal o seleccionar colores:
      • Color principal: el color principal que se usa en tu marca. En Color principal, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color
      • Color secundario: el segundo color más utilizado en tu marca. En Color secundario, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color.
      • Colores de acento: colores que complementan los colores primario y secundario de su marca. En Color de acento, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color
      • Colores adicionales: estos colores no se utilizan automáticamente, pero estarán disponibles en los selectores de color y podrán consultarse en las herramientas de desarrollo. Haz clic en Agregar add al lado de Colores adicionales, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Para eliminar un color adicional, haga clic en Eliminar.

Nota:

Si tu sitio hace referencia a un color que no está establecido en la configuración de la marca, utilizará una lógica alternativa:
  • El color secundario será por opción predeterminada el primer color adicional disponible.
  • El primer color de acento pasará por opción predeterminada al segundo color adicional.
  • El segundo color de acento será por opción predeterminada el tercer color adicional.
  • El tercer color de acento será por opción predeterminada el cuarto color adicional.
  • Si no se establecen colores adicionales, utilizará un valor de color predeterminado. Si no se establece ningún color predeterminado, utilizará el color primario como alternativa.

Cambiar el tema

Un tema es un conjunto de plantillas, módulos, contenido global y ajustes de estilo que pueden utilizarse para crear un sitio web. Puedes editar páginas y entradas utilizando un tema en el editor de contenido y configurar las plantillas de blog para que utilicen un tema en los ajustes de tu blog.

Todas las cuentas tienen acceso al menos a un tema predeterminado de HubSpot. Los temas también pueden descargarse del mercado de plantillas.

Nota: las bases de conocimientos utilizan una versión modificada de los temas. Más información sobre la edición de los ajustes del tema de la Base de conocimientos.

Para cambiar el tema:

  1. En tu cuenta de HubSpot, ve a Contenido > Marca.
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.
  3. En la sección Kit de marca , haga clic en Tema.

    tema de branding
    • Seleccione Ajustar tema o Cambiar tema para seleccionar un tema diferente.
      • Se mostrarán tus temas disponibles. Haz clic en Establecer como tema activo junto al tema que deseas utilizar para tu marca. 
      • Introducir un nombre de tema en la barra de búsqueda para buscar un tema.
      • Haz clic en Ver temas en el mercado para ver otros temas disponibles para descargar.
      • Selecciona Vista previa para obtener una vista preliminar del aspecto de tu tema.
    • Seleccione Editar para modificar los ajustes del tema.

Añadir, editar o eliminar fuentes

En la pestaña Visión general de la marca puede ajustar fuentes primarias, secundarias y personalizadas que se utilizarán en todo su contenido. 

Añadir fuentes

  1. En tu cuenta de HubSpot, ve a Contenido > Marca.
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.

    marca-identidad-contexto-seleccionar-marca
  3. En la sección Kit de marca , haga clic en Fuentes.

    branding-elegir-tipografía
    • Para ajustar el tipo de letra que se utilizará para el texto del cuerpo:
      • En Cuerpo, haga clic en el menú desplegable Seleccionar fuente .
      • Introducir el nombre de la fuente en la barra de búsqueda, o seleccionar la fuente de la lista.
    • Para ajustar el tipo de letra que se utilizará para los títulos y el texto grande:
      • En Primaria, haga clic en el menú desplegable Seleccionar fuente .
      • Introducir el nombre de la fuente en la barra de búsqueda, o seleccionar la fuente de la lista.
    • Para ajustar una fuente personalizada que estará disponible en el selector de fuentes de los editores de contenido:

      tipo de letra branding
      • En Fuentes personalizadas, haga clic en + Añadir una fuente personalizada.
      • Introducir el nombre de la fuente en el campo Nombre de la fuente .
      • Haga clic en Elegir archivo(s) de fuentes.
      • Seleccione los archivos de fuentes que desea subir desde su ordenador. Formatos de archivo compatibles: TTF, OTF y WOFF.
      • Haga clic en + Subir más archivos para añadir más archivos de fuentes.
      • Haz clic en Siguiente.
      • Utilice los menús desplegables para seleccionar el estilo de fuente correspondiente.
      • Haga clic en + Añadir otro estilo de fuente para añadir estilos adicionales.
    • Haz clic en Actualizar
    • Puede añadir más de una fuente personalizada. Para añadir otro, repita los pasos .

Editar o eliminar fuentes personalizadas

Para editar fuentes personalizadas:

  1. En tu cuenta de HubSpot, ve a Contenido > Marca.
  2. Si utiliza el complemento Branding, haga clic en el menú desplegable de la parte superior derecha y seleccione la Marca para la que desea actualizar el logotipo.

    marca-identidad-contexto-seleccionar-marca
  3. En la sección Kit de marca , haga clic en Fuentes.
    • En Fuentes personalizadas, junto a la fuente existente, haga clic en Acciones y, a continuación, seleccione Editar o Eliminar.
    • Utilice los menús desplegables para seleccionar el estilo de fuente correspondiente.
    • Haga clic en + Añadir otro estilo de fuente para añadir estilos adicionales.
    • Haga clic en Actualizar.
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.