> ## 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.

# Брендинг

> Добавьте логотип, задайте его ширину и выберите акцентный цвет для ваших документов.

**Настройки › Брендинг** добавляет логотип и акцентный цвет вашего магазина в ваши документы. Вы задаёте их один раз, и все шаблоны, где есть логотип или акцентный цвет, используют их, включая шаблоны, которые вам дал Foliant. Рядом с полями есть предпросмотр: он показывает, как они выглядят на образце счёта.

![Настройки брендинга](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Перед началом

* Подготовьте логотип в формате JPEG, PNG, WebP или AVIF размером до 1 МБ.
* Логотип и акцентный цвет доступны на всех тарифах. Логотипы по странам входят в собственный брендинг, который доступен с тарифа Starter. См. [Тарифы и цены](https://foliant-help.iforiti.com/ru/billing-and-plans/plans-and-pricing.md).

## Используйте логотип и цвет из Shopify

При установке Foliant берёт логотип и основной цвет из настроек бренда вашего магазина в Shopify (**Настройки › Бренд** в админке Shopify), если вы их задали и ещё не задали свои в Foliant. Чтобы взять их снова позже, откройте **Настройки › Брендинг** и выберите **Использовать мой логотип и цвет из Shopify**. Это заменит ваш логотип и акцентный цвет в Foliant.

## Добавьте логотип и цвет

1. Откройте **Настройки › Брендинг**. Сюда также можно перейти через **Настроить брендинг** на странице **Шаблоны** или через **Настроить брендинг** в руководстве по настройке на главной странице.
2. В разделе **Логотип и цвет** перетащите логотип в поле **Логотип** или нажмите на него, чтобы выбрать файл.
3. В поле **Ширина логотипа (px)** укажите ширину логотипа при печати: от 50 до 400 px. По умолчанию 240 px.
4. В поле **Акцентный цвет** выберите цвет или введите его hex-код, например `#1a73e8`. Он используется для заголовков и линий таблиц. По умолчанию чёрный.
5. Проверьте предпросмотр и выберите **Сохранить** на панели сохранения.

Когда вы сохраните брендинг, шаг **Загрузите брендинг** в руководстве по настройке на главной странице будет выполнен.

## Измените или удалите логотип

* Чтобы использовать другой файл, выберите **Заменить** рядом с логотипом, затем **Сохранить**.
* Чтобы отменить только что выбранный, но не сохранённый файл, выберите **Удалить**. Вернётся ваш сохранённый логотип.
* Чтобы удалить сохранённый логотип, выберите **Удалить** рядом с ним. Это применяется сразу, без панели сохранения, и вы увидите **Логотип удалён**.

## Используйте брендинг в своих шаблонах

Шаблоны Foliant уже показывают ваш логотип и акцентный цвет. Если вы пишете свой Liquid, используйте эти переменные:

```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>
```

## Полезно знать

* Шаблоны, созданные на основе дизайна, сохраняют логотип и цвета, заданные в этом дизайне. См. [Обзор дизайнов](https://foliant-help.iforiti.com/ru/designs/designs-gallery.md).
* Чтобы использовать другой логотип и цвет для заказов в некоторые страны, добавьте их в разделе **Логотипы по странам** на этой же странице. См. [Логотипы по странам](https://foliant-help.iforiti.com/ru/settings/logos-by-country.md).
* Если логотип слишком большой, вы увидите **The file you tried to upload was too large (over 1MB)**. Уменьшите файл и попробуйте снова.
* Если ваш тариф больше не включает собственный брендинг, логотипы по странам перестанут печататься. Ваш основной логотип и акцентный цвет продолжат печататься на любом тарифе.

## Похожие статьи

* [Логотипы по странам](https://foliant-help.iforiti.com/ru/settings/logos-by-country.md)
* [Обзор шаблонов](https://foliant-help.iforiti.com/ru/templates/what-are-templates.md)
* [Обзор дизайнов](https://foliant-help.iforiti.com/ru/designs/designs-gallery.md)
* [Обзор настроек](https://foliant-help.iforiti.com/ru/settings/settings-overview.md)


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