TersbyЦвета сайта
Шестерёнка сверху → «Цвета сайта». Здесь основные цвета: фон, текст, акцент (цвет кнопок) и приглушённый, плюс ваши именованные цвета, например «Фирменный синий».
Когда элементу задан цвет сайта, а не код вроде #FF5A36, он меняется везде разом: поправили акцент, и все кнопки и плашки на всех страницах стали нового цвета. В выборе цвета у любого элемента цвета сайта стоят кружками справа.
Стили кнопок
Шестерёнка → «Стили кнопок». Главная кнопка берёт акцент сайта, а «Вторая» и «Контур» настраиваются здесь: цвета, рамка, скругление. У каждой кнопки в настройках выбирается, какой это стиль.
Шрифт и текст
У заголовков и текста группа «Шрифт»: шрифт, размер, вес, межстрочный и межбуквенный интервал, выравнивание, цвет. Размер на телефоне задаётся отдельно (переключите холст на телефон), а крупные заголовки уменьшаются сами.
Фон секции
В группе «Фон» у секции и группы:
- цвет или градиент (готовые: «Акцент», «Свечение», «Сверху вниз», «Аврора», или свой);
- картинка фона с затемнением поверх, чтобы текст читался;
- видео на фоне (только у секции): ссылка на MP4 или WebM, играет без звука, на телефоне вместо него картинка.
Рамка, скругление, тень, стекло
Группа «Оформление» есть почти у всех элементов:
- Рамка: толщина и цвет;
- Скругление углов;
- Тень;
- Стекло: размытие того, что за элементом, как у полупрозрачных карточек.
Анимация
Группа «Анимация» у любого элемента и секции:
- Появление при прокрутке: проявление, снизу вверх, сверху вниз, слева, справа, увеличение, из размытия. Есть длительность и задержка, а у группы появление по очереди для всех элементов внутри.
- При наведении: приподнять, увеличить, тень, притушить.
- По кругу: парение, пульсация, покачивание. Подходит для значков и фигур.
Кнопка «Проиграть» показывает анимацию прямо на холсте.
Отступы и размеры
У секции «Раскладка»: ширина (обычная, на всю ширину, до краёв), высота (по содержимому или во весь экран), внутренние отступы, промежуток между элементами, выравнивание. У элементов «Размер и отступы»: ширина, максимальная ширина, отступы снаружи и внутри.
Числа в полях можно вводить с клавиатуры: значение применяется, когда вы уходите из поля или нажимаете Enter.