Как изменить цвет сайта в Тильде: инструкция для новичков

Настройка цветов в Тильде реализована интуитивно и удобно. В этой инструкции мы разберем, как изменить цвет фона в Tilda, цвета в стандартных блоках и в зероблоках, а также как применить общие настройки для всего сайта.

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

Разберемся, где можно задать цвет фона в Тильде.

1. Добавьте на страницу любой стандартный блок (тип блока не имеет значения) и откройте настройки блока.
2. В настройках вы найдете поле «‎Цвет фона для всего блока», где можно выбрать нужную заливку. А еще можно сохранить часто используемые цвета, чтобы не настраивать их заново. Если цвет уже не нужен, его можно удалить, перетащив вниз.

3. Фон можно сделать градиентным. Для этого над окошком с цветом выберите «‎Линейный градиент» или «‎Радиальный градиент» и выберите цвета по вашему вкусу.

4. Если вы добавите блок, где есть заголовки и подзаголовки, то в настройках вы сможете задать цвет фильтра. Тогда на весь блок будет накладываться фильтр, цвет и прозрачность которого можно задать в настройках.

1. Зайдите в настройки блока и перейдите в раздел «Кнопки». Здесь можно задать цвет фона кнопки и цвет текста.

2. В дополнительных параметрах можно задать цвета кнопки при наведении курсора (цвет фона, текста и бордюра).

Зайдите в настройки блока и перейдите в раздел «‎Типографика». Здесь можно задать цвет шрифтов.

В работе со шрифтами в Тильде есть подводные камни. Читайте об этом в нашей статье про то, как настроить шрифты в Тильде.

Если вам нужно задать цвета по умолчанию, то это можно сделать в меню «‎Шрифты и цвета».

Итак, вот как изменить цвет сайта в Тильде. Перейдите в «‎Настройки сайта» → «‎Шрифты и цвета». В начале страницы будут настройки шрифтов, а если прокрутить чуть ниже — вы увидите меню для цветов.

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

Эта опция и удобная, и не очень. Хорошо задать все и сразу, если у вас многостраничный проект с шаблонным дизайном. А вот если вы планируете делать нешаблонный сайт с разными цветами — лучше вообще не задавать здесь никакие цвета. Так вы перестрахуетесь, чтобы Тильда потом не глючила и не спорила сама с собой.

Мы указываем цвета избирательно, только если это правда нужно. Например, здесь удобно указывать черный цвет для ссылок. Иначе они по умолчанию будут подсвечиваться фирменным тильдовским оранжевым, что не каждому проекту подойдет.

Настройки цвета здесь работают примерно так же, как и в стандартных блоках: все легко и интуитивно понятно. Труднее подобрать правильную палитру и не превратить сайт во взрыв конфетти. Некоторые советы по этому поводу мы дали в статье с примерами детских ошибок в дизайне сайта.

Не выделяйте никакие элементы, а просто перейдите к настройкам блока. В разделе Background color выберите цвет фона.

Здесь же можно выбрать тип градиента: линейный (Linear) или радиальный (Radial), а также второй цвет градиента.

В режиме редактирования страницы выберите элемент в зероблоке (кнопку, текст и т. д.). В меню справа настраиваются цвета:

• фона,
• текста,
• кнопки,
• бордюра,
• цвета при ховере (наведении).

Если вы применяете спешл цвета для проекта, то их можно добавить в избранное, чтобы не вводить значение цвета каждый раз. Как видите, у нас в избранном добавлены фирменные цвета NAJES.