> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Marca

> Añade tu logo, define su ancho y elige el color de énfasis de tus documentos.

**Configuración › Marca** pone el logo y el color de énfasis de tu tienda en tus documentos. Los defines una vez y todas las plantillas que muestran el logo o el color de énfasis los usan, incluidas las plantillas que Foliant te dio. Una vista previa en vivo junto a los campos muestra cómo se ven en una factura de ejemplo.

![La configuración de Marca](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Antes de empezar

* Ten tu logo listo en un archivo JPEG, PNG, WebP o AVIF de hasta 1 MB.
* Tu logo y tu color de énfasis funcionan en todos los planes. Los logotipos por país forman parte de la marca personalizada, disponible a partir de Starter. Consulta [Planes y precios](https://foliant-help.iforiti.com/es/billing-and-plans/plans-and-pricing.md).

## Usa el logo y el color que definiste en Shopify

Al instalar Foliant, este toma el logo y el color principal de la configuración de marca de tu tienda en Shopify (**Configuración › Marca** en el panel de control de Shopify), si los definiste y no has definido los tuyos en Foliant. Para tomarlos de nuevo más adelante, abre **Configuración › Marca** y selecciona **Usar mi logotipo y color de Shopify**. Esto reemplaza tu logo y tu color de énfasis de Foliant.

## Añade tu logo y tu color

1. Abre **Configuración › Marca**. También puedes llegar desde **Personalizar marca** en la página **Plantillas**, o desde **Configurar la marca** en la guía de configuración de la página de inicio.
2. En **Logotipo y color**, suelta tu logo en **Logo** o selecciónalo para elegir un archivo.
3. En **Ancho del logo (px)**, indica el ancho con el que se imprime el logo, entre 50 y 400 px. El valor predeterminado es 240 px.
4. En **Color de énfasis**, elige un color o introduce su código hexadecimal, como `#1a73e8`. Se usa en los encabezados y las líneas de las tablas. El valor predeterminado es negro.
5. Revisa la vista previa y selecciona **Guardar** en la barra de guardado.

Al guardar tu marca se completa el paso **Sube tu marca** de la guía de configuración de la página de inicio.

## Cambia o elimina tu logo

* Para usar otro archivo, selecciona **Reemplazar** junto a tu logo y después **Guardar**.
* Para deshacer un archivo que acabas de elegir pero no has guardado, selecciona **Eliminar**. Vuelve tu logo guardado.
* Para borrar tu logo guardado, selecciona **Eliminar** junto a él. Se aplica de inmediato, sin la barra de guardado, y ves **Logo eliminado**.

## Usa tu marca en tus propias plantillas

Las plantillas de Foliant ya muestran tu logo y tu color de énfasis. Si escribes tu propio Liquid, usa estas variables:

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## Conviene saber

* Las plantillas creadas a partir de un diseño conservan el logo y los colores definidos en ese diseño. Consulta [Descripción general de los diseños](https://foliant-help.iforiti.com/es/designs/designs-gallery.md).
* Para usar otro logo y otro color en los pedidos a algunos países, añádelos en **Logotipos por país** en la misma página. Consulta [Logotipos por país](https://foliant-help.iforiti.com/es/settings/logos-by-country.md).
* Si el logo es demasiado grande, ves **The file you tried to upload was too large (over 1MB)**. Reduce el tamaño del archivo y vuelve a intentarlo.
* Si tu plan ya no incluye la marca personalizada, tus logotipos por país dejan de imprimirse. Tu propio logo y tu color de énfasis se siguen imprimiendo en todos los planes.

## Artículos relacionados

* [Logotipos por país](https://foliant-help.iforiti.com/es/settings/logos-by-country.md)
* [Descripción general de las plantillas](https://foliant-help.iforiti.com/es/templates/what-are-templates.md)
* [Descripción general de los diseños](https://foliant-help.iforiti.com/es/designs/designs-gallery.md)
* [Descripción general de la configuración](https://foliant-help.iforiti.com/es/settings/settings-overview.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.