На платформе Антитренинги вы можете создать свой фирменный стиль. Можно настроить цвет практически любого элемента в кабинете, добавить фоновые изображения, логотип, название и фавикон сайта. Это позволит создать индивидуальный внешний вид кабинета для ваших учеников. Можно настроить так, что в кабинете ученика нигде не будут упоминаться Антитренинги.
Настройки
Чтобы настройки фирменного стиля видели не только вы, но и ваши ученики и наставники, необходимо подключить свой домен. При входе в кабинет через ваш домен все будут видеть фирменный стиль, который вы настроили.
Зайдите в ваш кабинет автора на платформе Антитренинги. Наведите курсор на ваше имя в правом верхнем углу и выберете “Настройки”.
![Фирменный стиль. Цвета. 2 untitled 4](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/untitled-4.png?resize=353%2C148&ssl=1)
Перейдите в раздел “Фирменный стиль” – “Цвета”.
Основной цвет всего сайта – здесь вы можете в один клик изменить цветовую тему всего сайта. Изменяются все элементы (шапка страницы, кнопки, фон, иконки, текст и т.п.).
Например, зеленая тема будет выглядеть так:
![Фирменный стиль. Цвета. 3 pasted image 0 19](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-19.png?resize=730%2C143&ssl=1)
А красная так:
![Фирменный стиль. Цвета. 4 pasted image 0 20](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-20.png?resize=730%2C143&ssl=1)
Можно выбрать один из заранее подготовленных цветов, либо выбрать свой через палитру. Также цвет можно задать с помощью кода в HEX или RGB:
![Фирменный стиль. Цвета. 5 pasted image 0 21](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-21.png?resize=214%2C266&ssl=1)
Доступна настройка цвета фона шапки (верхней строки сайта), элементов (иконок) и текста шапки.
![Фирменный стиль. Цвета. 6 pasted image 0 22](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-22.png?resize=647%2C83&ssl=1)
Вы можете настроить цвет основных кнопок, а в дополнительных настройках задать как будут выглядеть кнопки для покупки курса или подписки. Доступны подробные настройки: цвет текста кнопки, цвет ховера (при наведении курсора на кнопку) и т.д. Рекомендуем не менять эти параметры, чтобы сохранялась читаемость текста. Цвета дополнительных и выключенных кнопок также стоит менять с осторожностью. Наиболее подходящие варианты подбираются автоматически.
![Фирменный стиль. Цвета. 7 pasted image 0 23](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-23.png?resize=579%2C372&ssl=1)
Есть возможность настроить скругления кнопок и блоков. Число задает радиус скругления в пикселях.
![Фирменный стиль. Цвета. 8 pasted image 0 24](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-24.png?resize=438%2C143&ssl=1)
Цвет фона – задает фоновый цвет сайта, рекомендуем не делать его слишком контрастным. Не стоит путать его с цветом фона блоков, его можно поменять только через CSS.
![Фирменный стиль. Цвета. 9 pasted image 0 25](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-25.png?resize=416%2C127&ssl=1)
В качестве фона можно добавить изображение. Доступны настройки масштаба, выравнивания, повторения и размера изображения.
![Фирменный стиль. Цвета. 10 pasted image 0 26](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-26.png?resize=730%2C362&ssl=1)
Текст заголовков блоков – по умолчанию этот цвет черный, и он также доступен для изменения.
Дополнительные настройки
Мы не рекомендуем их изменять, но все же покажем их значение. Продемонстрируем изменения в интерфейсе наглядно изменив их цвета:
![Фирменный стиль. Цвета. 11 pasted image 0 27](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-27.png?resize=536%2C234&ssl=1)
Затенение под модальными (всплывающими) окнами выделим красным, а затенение под элементами управления выделим синим. Красный цвет в данных настройках будет отображаться на фоне всплывающих подтверждений действий. В качестве примера возьмем сохранение фирменного стиля:
![Фирменный стиль. Цвета. 12 pasted image 0 28](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-28.png?resize=628%2C282&ssl=1)
Синий цвет, в свою очередь будет подсвечивать фон под кнопками с сообщениями и домашними заданиями в списке курсов
![Фирменный стиль. Цвета. 13 pasted image 0 29](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-29.png?resize=730%2C500&ssl=1)
Следующий блок позволяет изменять цвета уведомлений, появляющихся в правом нижнем углу экрана при каких-либо действиях. Например, при успешном сохранении урока.
![Фирменный стиль. Цвета. 14 pasted image 0 30](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-30.png?resize=446%2C223&ssl=1)
И последний блок в этих настройках позволяет выбрать цвета, которые используются в качестве рекламных меток в настройках магазина или подписки.
![Фирменный стиль. Цвета. 15 pasted image 0 31](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/07/pasted-image-0-31.png?resize=342%2C308&ssl=1)
Вы также можете установить свой логотип, название сайта, favicon, и выполнить дополнительные настройки личного кабинета. Подробнее об этом читайте в статье Фирменный стиль. Кабинет.