> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/brendirovanie.md).

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

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

{% 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]: