Макет не сдвигается — переключайте и сравнивайте · клавиши 1 · 2 · 3
miledevs.com · выбор цвета
Три варианта акцента вместо салатового
Макет ключевых блоков главной: шапка, первый экран, «наша работа», услуги, Our Project Workflow и финальный призыв. Тексты и структура — как на сайте, меняются только цвет и акценты. Каждый вариант показан в тёмной и светлой теме.
Плоский цвет — без свечений, ореолов и градиентов
Акцент — кнопки, ховер, 1–2 слова, не больше 5–10% экрана
Чипы услуг — нейтральные, акцент только при наведении
1. Вермильон
Тёплое · сигнальный вермильон
blogservices
into a revenue machine
let's talk
blogservices
into a revenue machine
let's talk
Роль акцента: кнопки, бейджи, точки, акцентный текст на тёмном
#FF4F1Fакцент, кнопки
#FF6B3Dховер кнопки
#C2360Bтекст на светлом
#111111текст на кнопке
#FFE9E0плашка светлая
#2A120Aплашка тёмная
#111 на кнопке #FF4F1F5.74
#C2360B на белом / бумаге5.48 / 4.85
#FF4F1F на чёрном6.39
#FF4F1F на белом, крупно3.28
Сочетается с чистыми чёрным и белым, нейтральными серыми, фото с тёплой цветокоррекцией. Крем под оранжевым — по минимуму: без «пыльного» коралла и терракоты.
2. Ультрамарин
Холодное · ультрамарин
Рекомендован для старта
blogservices
into a revenue machine
let's talk
blogservices
into a revenue machine
let's talk
Роль акцента: ссылки и акцентные слова на светлом, кнопки с белым текстом
#1F3DFFакцент, кнопки, ссылки
#1A2FD6ховер на светлом
#3A55FFховер на тёмном
#8C9BFFтекст на чёрном
#E9ECFFплашка светлая
#0B1040плашка тёмная
Белый на кнопке #1F3DFF6.62
#1F3DFF на белом / бумаге6.62 / 5.86
#8C9BFF на чёрном8.24
#1F3DFF на чёрном, крупно3.16
Сочетается с чёрным, белым и особенно с «бумагой» #F2F1EE — журнальная подача. Без градиентов в фиолетовый, без свечения, без циана.
3. Матовая бронза
Нейтрально-премиальное · матовая бронза
blogservices
into a revenue machine
let's talk
blogservices
into a revenue machine
let's talk
Роль акцента: кнопки, тонкие линии, цифры, иконки, акцент на тёмном
#B8843Fакцент, кнопки
#CC9A55ховер кнопки
#7E5620текст на светлом
#111111текст на кнопке
#EFE8DBплашка песочная
#1E1912плашка тёмная
#111 на кнопке #B8843F5.76
#7E5620 на белом / бумаге6.48 / 5.73
#B8843F на чёрном6.41
#B8843F на белом, крупно3.27
Сочетается с глубоким чёрным и белым, тёплыми серыми (#C9C6BE, #DEDCD6), ч/б и «плёночными» фото. Без блестящего золота с градиентом и без бежа на креме.
1. Вермильон/Тёмная тема
фон #000, карточки #121212 — как главная сейчас
01Шапка — ховер ссылки показан на «services» · на мобильном меню открыто, тап на «services»
Кнопки «Get Free Consultation», «see all projects», «View Details», «let’s talk», «Learn more» при наведении.
Ховер ссылок шапки и мобильного меню.
Строка «into a revenue machine» и слово «great?» — основной цвет: это крупный текст, контраст от 3:1.
Мелкий текст («Let’s work together», «[cta]», ховер ссылок) — оттенок с контрастом от 4.5:1: на светлом фоне он темнее основного цвета, у ультрамарина на тёмном — светлее.
Что убрано ради «не AI-шаблона»
Свечение под кнопкой при наведении и ореолы вокруг блоков — их нет.
Градиентов нет, только плоская заливка.
Чипы «Learn more» в услугах — нейтральные. Акцент появляется при наведении, на первой карточке он показан.
Иконка Shopify в карточках работ — нейтральная вместо зелёной.
Как смотреть
Переключатель вверху или клавиши 1 · 2 · 3 меняют вариант, прокрутка остаётся на месте.
Ссылки сразу на вариант: #vermilion, #ultramarine, #bronze.
Плашка «Need it faster?» — пример фоновых оттенков акцента (светлого и тёмного).
Блок «Ready to build something great?» взят со страницы /pages/services.