# Брендирование

В разделе **«Брендирование»** на уровне компании происходит настройка дизайна всех новых учебных курсов, созданных в компании.

{% hint style="info" %}
Все создаваемые курсы имеют стиль, определенный по умолчанию на уровне компании.
{% endhint %}

В этой статье вы узнаете:

* [как создать стиль](#shag-1.-sozdanie-stilya.);
* [как настроить стиль](#shag-2.-nastroika-stilya.);
* [как установить стиль по умолчанию](#shag-3.-ustanovka-stilya-po-umolchaniyu-opcionalno-.);
* [как применить стиль в конкретном курсе](#shag-4.-primenenie-izmenenie-stilya-v-konkretnom-kurse.).
* [как импортировать/экспортировать стиль](#shag-5.-import-stilya)
* [как дублировать стиль](#shag-7.-dublirovat-stil)
* [как удалить стиль](#shag-8.-udalit-stil)

### **Шаг 1. Создание стиля**

В разделе **«Брендирование»** на уровне компании создайте новый стиль. 

<figure><img src="/files/w9sXCpPNGFYqfPHJWCfB" alt=""><figcaption></figcaption></figure>

### **Шаг 2.** Настройка стиля

Настройте стиль с помощью 5 вкладок:&#x20;

{% tabs %}
{% tab title="Тема" %}
Начинайте настройку стиля с вкладки **«Тема»**. Завершив настройку вкладки **«Тема»**, вы можете перейти к вкладке **«Элементы»**, если нужно точечно настроить отдельные элементы:

<figure><img src="/files/8SkrjDebWFd3QvDysNQw" alt=""><figcaption></figcaption></figure>

* **«Логотип»** – загрузите ваш логотип, который будет отображаться в хедере/футере вашего курса:

<figure><img src="/files/OFNaMc2S5hQKewAraEvK" alt=""><figcaption></figcaption></figure>

* **«Цветовая схема»** – установите основной цвет, дополнительный цвет, цвет неактивных элементов, цвет разных типов текста, цвет фона у всех элементов и др.:

<figure><img src="/files/ApiR1kdhKkJtV6EriaXz" alt=""><figcaption></figcaption></figure>

* **«Рамка»** – вы можете скрыть/показать рамку у всех элементов и определить параметр скругления для всех элементов:

<figure><img src="/files/8lLtVW946PwR5iMuWJhL" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Типография" %}
Продолжить работу над целостностью и гармонией визуального стиля можно через настройку шрифтов на вкладке **"Типография"**.&#x20;

<figure><img src="/files/Q0xo9DQPQzDftaxXSyl2" alt=""><figcaption></figcaption></figure>

Здесь находятся расширенные возможности по настройке шрифтов для текста, и других элементов, в которых он используется. Вы можете задать единый вид шрифтов, размеров, межстрочного интервала и других параметров типографии для всех видов текста - заголовков, основного текста, подписей и т.д.

<figure><img src="/files/aj26AWGudcFfLmeIzJAe" alt=""><figcaption></figcaption></figure>

*Для таких типов текста как **"Список",*** ***"Цитата"** и **"Ссылка"** часть параметров наследуется из настроек основного текста.*[<br>](#user-content-fn-1)[^1]

\
Вкладка **"Типография"** также включает в себя **"Прогрессию"** - возможность настраивать параметры текста **(размер и интервал)** отдельно для каждого вида экрана (мобильный, планшет, десктоп). Это поможет обеспечить идеальное отображение текста на устройствах с различными разрешениями и диагоналями.

<figure><img src="/files/Tm2dXXttUHsN1MveWtzm" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Страницы курса" %}

<figure><img src="/files/HpKwi6Dqg4ewOmj5pdrz" alt=""><figcaption></figcaption></figure>

На вкладке **«Страницы курса»**  вы можете настроить внешний вид курса: боковую панель, модальное окно завершения курса и другое.

<figure><img src="/files/xhg3F7cGLaXwb1829BrQ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Элементы" %}
Вкладка **«Элементы»** содержит все настройки элементов. Используйте ее, если элемент необходимо донастроить.

Выберите элемент, который планируете изменить. Внесите изменения в появившемся окне настроек:

<figure><img src="/files/mEjWdmLUwysvk5OMj5PZ" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
После того, как вы установили нужные настройки стиля, не забудьте сохранить их.
{% endhint %}

<figure><img src="/files/VqxNOggL9tbUgKDzCjXN" alt=""><figcaption></figcaption></figure>

### Шаг 3. Установка стиля по умолчанию (опционально)

Если созданный стиль будет постоянно (или довольно часто) использоваться в проектах, имеет смысл установить данный стиль по умолчанию.

В разделе **«Брендирование»** поставьте галочку напротив созданного стиля, и в выпадающем списке выберите **«По умолчанию»**.

<figure><img src="/files/SRNUaS2YzKBuKgJgLnyy" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Теперь все новые курсы создаются с брендированием, установленным по умолчанию в шаге 3.
{% endhint %}

### Шаг 4. Применение/изменение стиля в конкретном курсе

Откройте проект, перейдите в настройки проекта.

<figure><img src="/files/sDjIkZZgXAoW6lNlqFcD" alt=""><figcaption></figcaption></figure>

В секции **«Шаблон брендирования»** выберите стиль.

<figure><img src="/files/KrBaxzreGreaJnM0dRRZ" alt=""><figcaption></figcaption></figure>

Нажмите кнопку **«Применить»**.

<figure><img src="/files/q5OMV4LVH0WRukUhIsCK" alt=""><figcaption></figcaption></figure>

### Шаг 5. Импорт стиля

Вы можете загрузить готовый стиль брендирования, в виде файла json. В разделе "Брендирование" нажмите на значок плюса и в выпадающем меню выберите "Импортировать".

<figure><img src="/files/8Xd7uzng1LJb2d7mFZ4I" alt=""><figcaption></figcaption></figure>

В появившемся окне вы можете загрузить файл и задать название стилю.

<figure><img src="/files/wUbxLdmme0fGK63nlsx3" alt=""><figcaption></figcaption></figure>

### Шаг 6. Экспорт стиля

Вы можете экспортировать стиль, в виде файла json, для дальнейшего использования, например в другой компании.&#x20;

В разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Экспортировать».**

<figure><img src="/files/rka43HjBDWp8S7L3bmVk" alt=""><figcaption></figcaption></figure>

### Шаг 7. Дублировать стиль

Чтобы дублировать стиль брендирования, в разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Дублировать».**

<figure><img src="/files/x04AC6pqFhO93iDPw8vx" alt=""><figcaption></figcaption></figure>

### **Шаг 8. Удалить стиль**

Чтобы удалить стиль брендирования, в разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Удалить».**

<figure><img src="/files/VBVLJoGILomWz07FHPhN" alt=""><figcaption></figcaption></figure>

[^1]:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/brendirovanie.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.