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 y el tema de branding de su marca

Última actualización: mayo 16, 2025

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

Todos los productos y planes

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.

En sus ajustes, establezca su logo y favicono, sus colores de marca primario, secundario, de acento y adicionales, su tema y sus fuentes. 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 configuración de tu cuenta, puedes editar tu logotipo predeterminado. Puedes anular este logotipo para contenidos individuales. 

  • En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
  • En el menú de la barra lateral izquierda, haga clic en Identidad de marca.
  • 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.

Identidad de Marca Seleccionar Marca: Menú desplegable para seleccionar una marca para actualizar el logo.

  • En la sección Kit de marca , haga clic en Logotipos
  • Agrega tu nuevo logotipo:
    • Para usar como logotipo una imagen que ya tengas en la herramienta de archivos, haz clic en Explorar 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. 
  • 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. Más información sobre la accesibilidad del sitio web en la documentación de desarrollador 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 tu logotipo, introduce una nueva dimensión en el campo Anchura Altura. El otro campo se ajustará automáticamente para mantener las proporciones de la imagen. 
  • Para agregar otro logotipo, haz clic en + Agregar en la parte inferior de la sección Logotipos.
  • Para eliminar una imagen existente, haga clic en la X situada en el centro de la imagen.

Logotipo de actualización de identidad de marca: Opciones para añadir o actualizar un logotipo, con campos para los detalles del logotipo.

  • Para cambiar el logotipo predeterminado, sitúe el cursor sobre el logotipo que desea utilizar como predeterminado, haga clic en el menú desplegable Acciones y seleccione Establecer como predeterminado.
  • Para eliminar un logotipo, haz clic en el menú desplegable Acciones y luego selecciona Eliminar.

Cambio de identidad de marca Logotipo predeterminado: Menú desplegable para cambiar o eliminar un logotipo.

  • Cuando hayas terminado de editar el logotipo, haz clic en Actualizar en la parte inferior izquierda.
  • Puede anular un logotipo predeterminado para un contenido específico en el editor de contenidos o en el administrador de diseño. En elmódulo Logo , haga clic para activar el interruptor Anular logotipo predeterminado y, a continuación, suba un logotipo.

Logotipo de identidad de marca: Cambie para anular el logotipo predeterminado.

Añade o edita tu favicono

En configuración de la cuenta puedes personalizar el favicon de tu sitio web, la pequeña imagen en una 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.

  • En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
  • En el menú de la barra lateral izquierda, haga clic en Identidad de marca.
  • 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.

Identidad de Marca Seleccionar Marca: Menú desplegable para seleccionar una marca para la actualización del favicono.

  • En la sección Kit de marca , haga clic en Faviconos
  • Añade tu nuevo favicono:
    • Para usar como logotipo una imagen que ya tengas en la herramienta de archivos, haz clic en Explorar 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. 
  • Introducir un nombre para el favicono en el campo Nombre del favicono . Este campo es obligatorio. 
  • Para añadir otro logotipo, haga clic en + Añadir en la parte inferior de la sección Faviconos .
  • Para eliminar una imagen existente, haga clic en la X situada en el centro de la imagen.

Favicono de actualización de la identidad de marca: Opciones para añadir o actualizar un favicono.

  • Para cambiar el favicono predeterminado, pasa el ratón por encima del favicono que quieras utilizar como predeterminado, haz clic en el menú desplegable Acciones y, a continuación, selecciona Establecer como predeterminado.
  • Para eliminar un logotipo, haz clic en el menú desplegable Acciones y luego selecciona Eliminar.

Marca Identidad Cambiar Favicono por defecto: Menú desplegable para cambiar el favicono predeterminado.

  • Cuando hayas terminado de editar tu favicon, haz clic en Guardar en la parte inferior izquierda. 

Añade o edita los colores de tu marca

Puedes establecer colores de marca en tu configuración que aparecerán en el editor de contenidos, así como en páginas de programación, cotizaciones y canales de conversaciones. Los colores de la marca no aparecerán en las plantillas de ventas ni en los correos electrónicos. 

  • En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
  • En el menú de la barra lateral izquierda, haga clic en Identidad de marca.
  • 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.

Identidad de Marca Seleccionar Marca: Menú desplegable para seleccionar una marca y actualizar los colores.

  • En la sección Kit de marca , haga clic en Colores.
  • Para establecer los colores de tu marca:
    • 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. Luego haz clic en Guardar. Color principal es un campo obligatorio.
    • 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. Luego haz clic en Guardar.
    • Colores de acento: complementan los colores primario y secundario de tu marca. En Color de acento, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Luego haz clic en Guardar. Puedes agregar hasta tres colores de acento.
    • Colores adicionales: no se utilizan automáticamente, pero estarán disponibles en los selectores de color y se podrán referenciar 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. Luego haz clic en Guardar. Puedes agregar hasta dieciséis colores adicionales.
      • Para eliminar un color adicional, haz clic en eliminar delete junto al color que quieras eliminar y luego haz clic en Guardar.

Sección Colores del Kit de marca, que muestra las opciones para ajustar los colores primarios, secundarios y de acento.

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.
  • También puedes importar colores de una página activa que ya utilice los colores de tu marca: 
    • 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
    • Cuando finalice el escaneado, desactiva la casilla de verificación junto a cualquier color que no desees importar y luego haz clic en Importar

Importar colores desde URL: Cuadro de diálogo para introducir una URL para importar colores.

Cambiar el tema

Un tema es un conjunto de plantillas, módulos, contenido global y configuración de estilo que se puede usar 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 la configuración de temas de la base de conocimientos.

Para cambiar el tema:

  • En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
  • En el menú de la barra lateral izquierda, haga clic en Identidad de marca.
  • 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.

Identidad de Marca Seleccionar Marca: Desplegable para seleccionar una marca para cambiar el tema.

  • En la sección Kit de marca , haga clic en Tema.
  • Seleccione Cambiar tema para seleccionar un tema diferente.
      • Aparecerán los temas disponibles. Haz clic en Establecer como tema activo junto al tema que deseas utilizar para tu marca. 
      • Haz clic en Ver temas en el mercado para ver otros temas disponibles para descargar.
    • Selecciona Editar para modificar la configuración del tema.
    • Selecciona Vista previa para obtener una vista preliminar del aspecto de tu tema.
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.
OSZAR »