Цвет лендинга влияет на конверсию. Подберите акцент, hero-фон и CTA прямо здесь — макет обновится в реальном времени.
🔒 Всё работает в браузере — данные никуда не отправляются
Hero — первый экран лендинга, и его цвет задаёт тон всей странице. Яркий акцентный фон hero (как в нашем макете лендинга) создаёт контраст с остальной страницей и приковывает внимание к главному сообщению.
Белая кнопка на цветном фоне — один из самых конверсионных паттернов. Она выделяется за счёт инверсии: фон яркий → кнопка светлая. Тестируйте разные оттенки акцента в нашем конвертере, не выходя из браузера.
Кнопка призыва к действию (CTA) должна быть самым заметным интерактивным элементом на странице. Несколько правил:
Контраст: кнопка должна отличаться от фона минимум на 4.5:1. Уникальность: не используйте цвет кнопки где-либо ещё на странице. Состояния: hover-состояние — на 10–15% темнее основного цвета (уменьшите L в HSL на 10).
Зависит от ниши и аудитории. Тёмный фон (тёмно-синий, чёрный) хорошо работает для SaaS, технологий, игр — создаёт ощущение премиальности. Светлый — универсален, лучше для B2C и первого запуска без A/B-тестов.
Секция отзывов должна быть нейтральной — не конкурировать с CTA. Используйте поверхностный цвет (--m-surface в нашем макете): чуть темнее или светлее основного фона. Это визуально разбивает страницу без лишнего шума.
1–3 кнопки с одинаковым акцентным цветом: в hero, в середине и в конце страницы. Все — одного цвета и стиля. Второстепенные действия (например, «Узнать больше») оформляйте как текстовую ссылку или ghost-кнопку, чтобы не конкурировать с основным CTA.
