Изменение цветовой гаммы сайта на Tilda

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

Если у компании есть фирменные цвета, адаптируем сайт под существующий стиль бренда. Если готовой палитры нет, подбираем сочетание цветов с учётом тематики бизнеса, текущего дизайна, контраста и читаемости.

Работаем со стандартными блоками и Zero Block. Проверяем не только основные цвета, но и состояния кнопок, ссылок, форм, меню, карточек и других элементов интерфейса.

После изменения цветовой системы проверяем выбранные страницы на разных разрешениях. В результате сайт получает цельное оформление без полной переработки дизайна.

Категория: Разработка

Подкатегория: Доработка сайта

Тип услуги: Изменение цветовой гаммы

Платформа: Tilda

Количество страниц: до 5 / 15 / 30

Срок: от 2 рабочих дней

Старт — 15 000 ₽

Для небольшой цветовой корректировки существующего сайта.

• до 5 страниц;
• анализ текущих цветов;
• работа с готовой фирменной палитрой или подбор базового сочетания;
• основной цвет;
• акцентный цвет;
• цвета фона;
• цвета текста;
• цвета кнопок;
• цвета ссылок;
• стандартные блоки;
• Zero Block;
• проверка контрастности;
• проверка после изменений.

Бизнес — 30 000 ₽

Для комплексного обновления цветовой системы сайта.

Всё из пакета Старт, а также:

• до 15 страниц;
• разработка расширенной палитры;
• дополнительные фоновые цвета;
• цвета карточек и отдельных блоков;
• состояния кнопок;
• hover-состояния;
• активные элементы;
• цвета форм;
• цвета меню;
• работа с градиентами;
• проверка визуального единообразия;
• адаптация цветовых решений на мобильных устройствах.

Премиум — 50 000 ₽

Для большого сайта или проекта, которому требуется полноценная система использования цветов.

Всё из пакета Бизнес, а также:

• до 30 страниц;
• расширенная цветовая система;
• систематизация основных и дополнительных цветов;
• сложные Zero Block;
• цветовые состояния интерфейса;
• акцентные элементы;
• работа со сложными градиентами;
• проверка повторяющихся элементов;
• унификация цветов на всём сайте;
• рекомендации по дальнейшему использованию палитры;
• краткий гайд по цветам;
• финальная проверка сайта.

Основные цвета

Определяем основные цвета сайта и приводим их к единой системе.
Если у компании уже есть фирменная палитра, используем её как основу.

Фон

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

Текст

Настраиваем цвета заголовков, основного текста, подписей и второстепенной информации.

Сохраняем достаточный контраст между текстом и фоном.

Кнопки

Настраиваем основной и дополнительный варианты кнопок с учётом общей палитры сайта.

В расширенных пакетах отдельно прорабатываем состояния при наведении и взаимодействии.

Ссылки и навигация

Обновляем цвета ссылок, меню и активных элементов.

Проверяем, чтобы интерактивные элементы визуально отличались от обычного текста.

Формы

Настраиваем цвета полей, подписей, кнопок и других элементов существующих форм.

Структуру и функциональность форм в рамках этой услуги не меняем.

Zero Block

Изменяем цвета элементов существующих Zero Block: фона, текста, фигур, кнопок, линий и других объектов.

Композицию блока при этом сохраняем.

Градиенты

В Бизнес и Премиум можем разработать и настроить градиенты, если они соответствуют существующему дизайну сайта.

Готовый брендбук для заказа услуги не требуется.

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

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

Клиент получает обновлённую цветовую гамму существующего сайта на Tilda.

В зависимости от пакета приводим к новой системе:

• фон;
• текст;
• заголовки;
• кнопки;
• ссылки;
• меню;
• формы;
• карточки;
• стандартные блоки;
• Zero Block;
• интерактивные состояния;
• градиенты.

В Премиум дополнительно передаём краткий гайд с используемыми цветами и назначением основных элементов палитры.

• полный редизайн сайта;
• изменение структуры страниц;
• создание новых блоков;
• разработка новых страниц;
• изменение типографики всего сайта;
• разработка логотипа;
• разработка фирменного стиля;
• полноценный брендбук;
• замена всего визуального контента;
• создание иллюстраций;
• мобильная адаптация структуры сайта;
• разработка нового функционала.

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

Для начала потребуется ссылка на сайт и доступ к проекту Tilda.

Если у компании есть брендбук, фирменные цвета или утверждённые HEX/RGB-коды, используем их при работе.

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

1. Анализируем сайт

Проверяем используемые цвета и определяем основные проблемы существующей гаммы.

2. Определяем палитру

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

3. Согласовываем решение

Показываем основные цвета и их применение на ключевых элементах.

4. Обновляем сайт

Меняем цвета стандартных блоков, Zero Block, текста, фона, кнопок и других предусмотренных элементов.

5. Настраиваем состояния

В расширенных пакетах прорабатываем hover, активные состояния, формы, меню и дополнительные элементы.

6. Проверяем страницы

Контролируем единообразие цветовой системы и читаемость контента.

7. Тестируем

Проверяем результат на основных разрешениях и исправляем найденные цветовые несоответствия.

Чем изменение цветовой гаммы отличается от редизайна?

При изменении цветовой гаммы сохраняем существующую структуру, композицию и основные элементы сайта.

При редизайне можем полностью переработать внешний вид, структуру блоков и пользовательский сценарий.

Можно просто заменить один цвет на другой?

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

Если у нас уже есть фирменные цвета?

Используем их как основу и адаптируем существующие элементы сайта под фирменную палитру.

Если фирменных цветов нет?

Подберём цветовую палитру непосредственно для сайта.
Полноценная разработка фирменного стиля в эту услугу не входит.

Сколько цветов будет в палитре?

Не фиксируем искусственное количество. Используем столько основных и вспомогательных цветов, сколько требуется интерфейсу конкретного сайта.

Меняете цвета в Zero Block?

Да.

Меняете цвета стандартных блоков?

Да.

Входят кнопки и ссылки?

Да. В расширенных пакетах также прорабатываем их интерактивные состояния.

Можно изменить градиенты?

Да, в Бизнес и Премиум.

Проверяете читаемость текста?

Да. Проверяем сочетания текста и фона и исправляем очевидные проблемы контраста.

Меняете шрифты?

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

Меняете изображения под новую палитру?

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

Изменится мобильная версия?

Цвета применяем и проверяем на мобильном отображении выбранных страниц. Перестройка самой мобильной композиции не входит.

Можно сделать сайт в цветах нового брендбука?

Да. Это один из основных сценариев этой услуги.

Сколько занимает работа?

От 2 рабочих дней. Срок зависит от количества страниц, Zero Block и сложности существующей цветовой системы.