- Base de conocimientos
- Cuenta y configuración
- Branding
- Editar el logotipo, el favicono, los colores corporativos, las fuentes y el tema de una marca
Editar el logotipo, el favicono, los colores corporativos, las fuentes y el tema de una marca
Última actualización: 23 de junio de 2026
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
Utiliza kits de marca para gestionar los activos de branding de una cuenta de HubSpot. En tu kit de marca, añade o edita tu logotipo, favicono, colores de marca, tema y fuentes para mantener el branding consistente en todo el contenido alojado en HubSpot y en las herramientas compatibles.
Por ejemplo, puede establecer colores de marca predeterminados que aparezcan en el editor de contenidos, las páginas de programación, las cotizaciones y los canales de conversación. Si dispone del complemento Marcas, puede crear y gestionar un kit de marca para cada Marca.
Más información sobre cómo la edición de un kit de marca mejora los resultados de la IA.
Para editar los kits de marca se necesitan permisos de superadministrador o de edición de cuentas predeterminadas
Añadir, editar o eliminar un logotipo
En la pestaña «Kit de marca», edita tu logotipo predeterminado. Puedes anular este logotipo para contenidos individuales.
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clicen elmenú desplegable situado en la esquina superior derecha y selecciona la marcacuyo logotipo deseas actualizar.
- En la pestaña «Kit de marca », haz clic en «Añadir logotipo +».
- En el panel de la derecha, añade tu 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.
- 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 elcampo «Enlace», introduce una URL si quieres que se pueda hacer clic en tu logotipo.
- Para establecer este logotipo como predeterminado, haz clic en «Sí». Para asignar el logotipo a un dominio, haz clic en «No». A continuación, haz clic en el menú desplegable de domin ios para seleccionar uno.
- Haga clic en Guardar.
- Para editar o eliminar un logotipo, o para establecer uno como predeterminado, haz clic en el verticalMenuIconicono del menú vertical y, a continuación, haz clic en «Establecer como predeterminado»,«Editar logotipo» o «Eliminar logotipo».
Añadir, editar o eliminar un favicono
En la pestaña «Kit de marca» , personaliza el favicono de tu página web, es decir, la pequeña imagen que aparece en la pestaña del navegador junto al título de la página. El favicono sólo se aplicará al contenido alojado en HubSpot. puedes añadir hasta 20 faviconos por Marca.
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clicen elmenú desplegable situado en la esquina superior derecha y selecciona la marca cuyo logotipo deseas actualizar.
- En la pestaña «Kit de marca », haz clic en «Añadir favicono +».
- 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.
- Introducir un nombre para el favicono en el campo Nombre del favicono .
- Para establecer el favicono como predeterminado, selecciona «Sí». Para asignar el favicono a un dominio, haz clic en «No». A continuación, haz clic en el menú desplegable de domin ios para seleccionar uno.
- Haga clic en Guardar.
- Para editar o eliminar un favicono, o para establecer uno como predeterminado, haz clic en el verticalMenuIconicono del menú vertical y, a continuación, haz clic en «Establecer como predeterminado»,«Editar favicono» o «Eliminar favicono».
Añadir, editar o eliminar los colores de la marca
Configura los colores de la marca en la pestaña «Kit de marca» que aparecerá en el editor de contenido, 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.
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clicen elmenú desplegable situado en la esquina superior derecha y selecciona la marca cuyo logotipo quieras actualizar.
- En la pestaña «Kit de marca », haz clic en «Editar colores».
- Para configurar los colores de tu marca, en el panel de la derecha:
- 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 .
- 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.
- Para importar tus colores desde una URL, haz clic en Importar colores desde URL.
- Haz clic en Guardar.
- Para eliminar un color de marca, haz clic en el deleteIconicono de eliminación situado junto al color.
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 por defecto. Si no se establece ningún color predeterminado, utilizará el color primario como alternativa.
Añadir, editar o eliminar fuentes
Nota: al añadir fuentes en la configuración de la marca, se establecen las fuentes predeterminadas disponibles para las herramientas de contenido de HubSpot. En el caso de las páginas que utilicen temas personalizados, plantillas programadas o hojas de estilo personalizadas, es posible que también tengas que cargar la fuente en tu plantilla o hoja de estilo. En el caso de Google Fonts, añade la instrucción @import de la fuente a la hoja de estilos que utiliza la página.
Configura en la pestaña «Kit de marca » las fuentes principales, secundarias y personalizadas que se utilizarán en todo tu contenido.
Añadir fuentes
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clicen elmenú desplegable situado en la esquina superior derecha y selecciona la marca cuyo logotipo deseas actualizar.
- En la pestaña «Kit de marca» , en la sección «Fuentes» , haz clic en «Editar» junto a la fuente que quieras cambiar
- En la barra lateral derecha,selecciona el menú desplegable«Fuente ».
- Introducir el nombre de la fuente en la barra de búsqueda, o seleccionar la fuente de la lista.
- Para configurar una fuente personalizada que estará disponible en el selector de fuentes de los editores de contenido, haz 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 Guardar.
Editar o eliminar fuentes personalizadas
Para editar fuentes personalizadas:
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clicen elmenú desplegable situado en la esquina superior derecha y selecciona la marca cuyo logotipo deseas actualizar.
- En la pestaña «Kit de marca» , en la sección «Fuentes», en el apartado«Fuentes personalizadas», junto a la fuente existente, haz clic en«Acciones» y, a continuación, selecciona«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.
- Haz clic en Guardar.
Cambiar un tema
Un tema es un conjunto de plantillas, módulos, contenido global y ajustes de estilo que se pueden utilizar para crear una página web. Edita páginas y entradas utilizando un tema en el editor de contenido y configura las plantillas del blog para que utilicen un tema en los ajustes del blog.
Todas las cuentas tienen acceso al menos a un tema predeterminado de HubSpot. Los temas también se pueden descargar desde el mercado de plantillas.
Nota: las bases de conocimientos utilizan una versión modificada de los temas. Más información sobre cómo editar la configuración del tema de la base de conocimientos.
Para cambiar un tema:
- En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Marca. Si Más no aparece en tu cuenta, ve directamente a Marketing > Marca.
- Si utilizas el complemento «Marcas», haz clic en el menú desplegable situado en la esquina superior derecha y selecciona la marca cuyo logotipo quieras actualizar.
- En la pestaña «Kit de marca» , haz clic en«Establecer 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.
- 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 «Editar / Vista previa » para modificar la configuración de tu tema.
