---
title: Configuración de la marca de tu Indie Website
description: Aprende a como configurar tu marca dentro de tu sitio web de Indiegraf.
---

[Ir directamente al contenido](https://help.indiegraf.com/es/configuring-your-indie-website-brand#main-content)

- [Español](https://help.indiegraf.com/es/configuring-your-indie-website-brand)
- [English](https://help.indiegraf.com/configuring-your-indie-website-brand)

Español

Traducciones de Mostrar submenú de

[Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=es)

[![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=es)

Abrir navegación principal

Cerrar navegación principal

- - [Español](https://help.indiegraf.com/es/configuring-your-indie-website-brand)
    - [English](https://help.indiegraf.com/configuring-your-indie-website-brand)

  Español
  
  Traducciones de Mostrar submenú de
- [Publisher Portal](https://portal.indiegraf.com/tickets)

 ¿Cómo podemos ayudarte?

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Indiegraf (es)](https://help.indiegraf.com/es/?hsLang=es)
2. [Orientación](https://help.indiegraf.com/es//orientaci%C3%B3n?hsLang=es)

28 de enero de 2026

# Configuración de la marca de tu Indie Website

## Aprende a como configurar tu marca dentro de tu sitio web de Indiegraf.

Indie Website ofrece configuraciones de marca sencillas. Puedes ver tus cambios reflejados en el *front-end* (vista pública del sitio) en tiempo real. Exploremos las opciones:

### 1. Cómo agregar tu logotipo y colores

- Una vez que hayas iniciado sesión, visita **Site options** (Opciones del sitio) en el *backend* de Indie Website.
- En la sección l**ogos and colors**, podrás:
  
    - Subir tu logotipo del encabezado (*header logo*), el logotipo del pie de página (*footer logo*) y el favicon (tu logo en formato cuadrado) en archivos .jpg y .png.
    - También puedes agregar tus colores de marca:
      
          - **Color primario:** el color principal que representa a tu marca. Aparece en los botones y enlaces de todo el sitio. Se utiliza para generar algunos fondos y colores de interacción (*hover*).
          - **Color secundario:** este color se utiliza para destacar elementos específicos, como el botón del encabezado. También se usa para generar el color de las etiquetas y otros fondos.
    - Una vez que completes estos cambios, no olvides guardar tus cambios antes de salir de esta sección.

### 2. Cómo configurar tu diseño (Layout)

En la sección de **Diseño**, puedes controlar el ancho de la página y ocultar o mostrar la barra lateral (*sidebar*) de forma global (en todo el sitio) o configurarla de manera distinta para páginas, publicaciones y la página de inicio.

- En **Diseño \> Página de Inicio**, puedes activar o desactivar la **Captura de correo electrónico superior** y cambiar su texto (*copy*).
- En **Diseño \> Pie de Página**, puedes cambiar el texto de suscripción para la captura de correo electrónico del pie de página.
  
    - También puedes agregar socios o patrocinadores en el pie de página.

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642379/44b84b2ad7014e530b772324f59d/AD_4nXepWsVzkNJQnOD4cznoichpGkZJBohEwsxte3sWU4rzdSm595VwvKx2LSM4bn2wF2cDb-gDMsmatfzzm0M5dk1A30EPyf8LAeHAW7JoZMep4ZxECxeZDqm7OlxFMI-vQrxGY0kO2u0G51Wl8C7CFaizK3-W?expires=1766059200&signature=db978f864dfaac309f054feb85fcea81bbb9d991dba8dba56e62c5e5c6a15f27&req=dSIjFc96n4JYUPMW3nq%2BgS5j5yKVDsdiEpcgedSj55zW0VGHozOz8rSLDkgv%0ADpnv5AuMEymeTTKK9VdYx1QE29A%3D%0A)

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642402/6369536615a07c9aa9ea85a80b7b/AD_4nXeldxXumNaz_6ojOz7mAdVsAL1ULHIsTfuuIwaqydBDgWUbwb-hfhA9NMBPOPEiBDbXuOldTFfBXs9YJjaGWngoK1g39jdcaU7_fc9B7YUrExmHFXWSmTHCSbQ9CSqLsHR3d08ET_ViqK8pZwQGUjNFJMm2?expires=1766059200&signature=fa6a98b62662e776386b1779e505289533eaa8b55d8ff89dcd7ae531baffbcad&req=dSIjFc96n4VfW%2FMW3nq%2BgaKk8HUjb3OUAiJwoRph49x55A6c3TVqJWuVdCrb%0A5JTwI8h5b5WX4swYGhKPywfBKVA%3D%0A)

- **Selección de fuentes:** Puedes elegir fuentes para los encabezados y el cuerpo del texto de una selección de tipos de letra altamente legibles y accesibles que funcionan bien tanto en dispositivos móviles como en computadoras de escritorio, y que son compatibles con diversos glifos y caracteres especiales. ¡No tienes que preocuparte por los tamaños ni los pesos de las fuentes; todo está preestablecido para ti!
  
    - Puedes cambiar las fuentes dirigiéndote a **Opciones del Sitio \> Fuentes**.
- **Cómo agregar tus redes sociales:** Puedes agregar los enlaces a tus redes sociales fácilmente. Estos aparecerán sobre el encabezado y el pie de página de todo tu sitio web.

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642381/2f50c29a4fc623b5a9f311742164/AD_4nXeYledU0MPJBS9awmcdg-XaKwBK5tzPtTLqc9Wp_oYdMW0BEGfQ0PbMRqvRRjIfJRSmHoWVCyrQj2XOR00UdhW4IdRURUsg2riVZG94Am5YDWiWMKk8pFcRKc0UTZAMDujhKsQB7rGUQypVfeIZbg6DN6bi?expires=1766059200&signature=19956e9f889c439faacafad6906bc53ff561433f052626fb55212cd966f16acf&req=dSIjFc96n4JXWPMW3nq%2BgbFYn%2FxleYRask%2FmApQlSGmp7rgaHCjXKpDu3lcX%0ALb4tguPfucYUGA2WGdTqRgFDnSo%3D%0A)

1. 1. Agrega tus canales de redes sociales visitando **Opciones del Sitio \> Redes Sociales.**
     2. También puedes agregar el enlace de tu publicación a Apple News y Google News dirigiéndote a **Redes Sociales \> Enlaces de noticias**.

![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1243642389/b9e8eae4ab9fd04cac020ebc7225/AD_4nXf07j7NVxalB60j_wX1XEWdSnDk1xuuArUfhXwz9hXVnZQizY0TkuejZ5iSlRq3q2rX5JbSYa9BxR4gNFruf-_SyJ0g_4SUFslCvnhASEUJVqEjImFdgc3ZF6sMNelk7idzpFg5eTwbZW7z5FUS0HjJRh4s?expires=1766059200&signature=680c6f9c992a4efced05025facb864c75ac4350bd2251f2cbadb21939e8d76e2&req=dSIjFc96n4JXUPMW3nq%2BgXwadqjefCeNyVVyhpfP88Rd1lpygmEJixvGy8qk%0AI94GBgFROHyqp%2B356rp3HTGEZT8%3D%0A)

- [Bienvenido(a) a Indiegraf](https://help.indiegraf.com/es//bienvenidoa-a-indiegraf?hsLang=es)
- [Orientación](https://help.indiegraf.com/es//orientaci%C3%B3n?hsLang=es#main-content)

    - [Guía de inicio rápido](https://help.indiegraf.com/es//orientaci%C3%B3n?hsLang=es#gu%C3%ADa-de-inicio-r%C3%A1pido)
- [Indie Website](https://help.indiegraf.com/es//indie-website?hsLang=es#main-content)

    - [Analítica y crecimiento](https://help.indiegraf.com/es//indie-website?hsLang=es#anal%C3%ADtica-y-crecimiento)
    - [Participación y formularios de audiencia](https://help.indiegraf.com/es//indie-website?hsLang=es#participaci%C3%B3n-y-formularios-de-audiencia)
    - [Configurando tu Página de Inicio](https://help.indiegraf.com/es//indie-website?hsLang=es#configurando-tu-p%C3%A1gina-de-inicio)
    - [Creación y gestión de contenido](https://help.indiegraf.com/es//indie-website?hsLang=es#creaci%C3%B3n-y-gesti%C3%B3n-de-contenido)
    - [Diseño y estructura de la página](https://help.indiegraf.com/es//indie-website?hsLang=es#dise%C3%B1o-y-estructura-de-la-p%C3%A1gina)
    - [Indiegraf Pay](https://help.indiegraf.com/es//indie-website?hsLang=es#indiegraf-pay)
    - [Medios y activos visuales](https://help.indiegraf.com/es//indie-website?hsLang=es#medios-y-activos-visuales)
    - [Herramientas de SEO y Google](https://help.indiegraf.com/es//indie-website?hsLang=es#herramientas-de-seo-y-google)
    - [Administración del Sitio](https://help.indiegraf.com/es//indie-website?hsLang=es#administraci%C3%B3n-del-sitio)
    - [Preguntas Técnicas](https://help.indiegraf.com/es//indie-website?hsLang=es#preguntas-t%C3%A9cnicas)
- [Indie Email](https://help.indiegraf.com/es//indie-email?hsLang=es#main-content)

    - [Configuración de la cuenta y fundaciones](https://help.indiegraf.com/es//indie-email?hsLang=es#configuraci%C3%B3n-de-la-cuenta-y-fundaciones)
    - [Gestión de Contacto](https://help.indiegraf.com/es//indie-email?hsLang=es#gesti%C3%B3n-de-contacto)
    - [Creación de campañas](https://help.indiegraf.com/es//indie-email?hsLang=es#creaci%C3%B3n-de-campa%C3%B1as)
    - [Envío de campañas y automatización](https://help.indiegraf.com/es//indie-email?hsLang=es#env%C3%ADo-de-campa%C3%B1as-y-automatizaci%C3%B3n)
    - [Solución de problemas y entregabilidad](https://help.indiegraf.com/es//indie-email?hsLang=es#soluci%C3%B3n-de-problemas-y-entregabilidad)
    - [Analíticas](https://help.indiegraf.com/es//indie-email?hsLang=es#anal%C3%ADticas)
- [Indie Ads Manager (IAM)](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#main-content)

    - [Informes y Estadísticas](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#informes-y-estad%C3%ADsticas)
    - [Artículos Esenciales](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#art%C3%ADculos-esenciales)
    - [Guía de Inicio Rápido](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#gu%C3%ADa-de-inicio-r%C3%A1pido)
- [Indiegraf Expertos](https://help.indiegraf.com/es//indiegraf-expertos?hsLang=es)
- [General](https://help.indiegraf.com/es//general?hsLang=es)

[![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=es)

Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere.

<https://www.instagram.com/indiegrafmedia> <https://www.twitter.com/indiegrafmedia> <https://www.facebook.com/indiegrafmedia> <https://www.linkedin.com/indiegraf-media> [mailto:support@indiegraf.com](mailto:support@indiegraf.com)

Copyright © 2025, Indiegraf Media