Выберите цвет акцента, фона и поверхности — макет магазина обновится мгновенно. Подберите палитру до начала вёрстки.
🔒 Всё работает в браузере — данные никуда не отправляются
Цвет кнопки «В корзину» напрямую влияет на конверсию. Исследования показывают, что красный и оранжевый акценты создают ощущение срочности и увеличивают количество импульсивных покупок. Синий вызывает доверие — отсюда его популярность у банков и технологических компаний.
Для интернет-магазина одежды и аксессуаров хорошо работают нейтральные фоны (#ffffff, #fafafa) — они не отвлекают от товара. Акцентный цвет лучше выбирать один и применять его только к CTA-элементам.
Не более 3 цветов: основной, акцентный, нейтральный фон. Больше — создаёт хаос и снижает доверие.
Контраст кнопок: по стандарту WCAG AA соотношение контраста текст/фон должно быть не менее 4.5:1. Тёмный текст на светлой кнопке или белый текст на тёмной — безопасный выбор.
Цвет ошибки: красный (#ef4444) зарезервируйте только для ошибок и уведомлений — не используйте его как акцентный цвет магазина, иначе пользователи будут путаться.
Универсального ответа нет — зависит от аудитории и ниши. Но оранжевый (#f97316) и зелёный (#22c55e) стабильно показывают хорошие результаты в A/B-тестах. Главное — контраст с фоном и выделение на странице.
Да, но с осторожностью. Тёмный фон хорошо работает для электроники, люкса, игровых товаров. Для одежды и продуктов питания светлый фон предпочтительнее — он лучше передаёт фотографии товаров.
Используйте соотношение контраста WCAG: для основного текста — минимум 4.5:1, для крупного текста — 3:1. В нашем конвертере введите цвет текста и фона — и рассчитайте контраст самостоятельно по формуле из относительной яркости (luminance) каждого цвета.
