Оценить по фото
макет v1 · 12 сентября 2026

Единая дизайн-система Лесного Контура

Одна шкала, одни кнопки, одно меню — вместо 206 страниц с разными стилями. Цвета взяты с текущего сайта, но приведены к порядку.

Основа 1 из 4

Цвет

Только эти значения. Сейчас в стилях 5 разных зелёных и служебные цвета вперемешку — всё лишнее убираем.

Основной зелёный #2e7d32 оставляем — он уже узнаваем. Красно-золотые «админские» оттенки переносим в отдельный служебный набор (кабинет), чтобы они не попадали на клиентские страницы.

Основные

#2e7d32
акцент, кнопки
#245c27
наведение
#43a047
успех, подсказки
#eaf1ea
фон-заливка

Текст и фон

#16181a
основной текст
#5f6368
вторичный
#9aa0a6
подписи
#f5f7f5
фон разделов

Служебные (статусы)

#c0392b
ошибка, опасность
#b26a00
предупреждение
#3a6fd8
информация
#e8eaed
границы

Основа 2 из 4

Шрифт и размеры

Один шрифт — Inter. Сейчас на сайте 5 разных размеров подряд (11, 12, 13, 14, 16) и перевёрнутая иерархия: h2 больше h1. Ниже — правильная шкала.

44 / 800Заголовок главной
34 / 800H1 страницы
26 / 700H2 — раздел
20 / 600H3 — подраздел
16 / 400Основной текст — читается на телефоне без увеличения
14 / 400Вспомогательный текст, подписи к полям
12 / 600Подпись над разделом
Правило: основной текст — 16px (сейчас 13px ✗ — на телефоне это мелко). Размеров всего 7, каждый используется по назначению.

Основа 3 из 4

Кнопки

Сейчас в стилях 16 разных классов кнопок. Оставляем четыре вида и три размера — этого хватает на весь сайт.

Четыре вида
Оставить заявку Оценить по фото Подробнее Опасное дерево
Три размера (маленькая — в шапке, большая — в конце страницы)
Маленькая Обычная Крупная
Состояния: обычное, наведение, недоступное
Обычное Наведите курсор Недоступное
Правило: на странице одна главная кнопка. Сейчас бывает пять подряд («Анализировать», «Прислать отчёт», «Отправить», «Вызвать арбориста» ✗) — человек не знает, что нажимать.

Основа 4 из 4

Поля, карточки, сообщения

📝

Поля ввода

📝

Карточка

Основа всех списков: породы, услуги, работы, районы. Одинаковые отступы, один радиус, одна тень.

Проверено Требует осмотра Аварийное
ℹ️
Справка. Как получить акт для УК.
⚠️
Внимание. Работы в охранной зоне ЛЭП.
🛑
Опасно. Наклон более 15° — не подходите.
УслугаОриентирИсточник
Спил дереваот 1 500 ₽мониторинг открытых источников
Кронированиеот 1 000 ₽мониторинг открытых источников
Дендроэкспертизапо запросуобъём осмотра

Логика

Структура: четыре раздела вместо сорока страниц

Всё, что есть на сайте, раскладывается по четырём разделам. Остальное — либо внутрь одного из них, либо в подвал.

📖 Блог
  • 94 статьи
  • 25 районов
  • Породы и уход
Даёт поисковый трафик — не трогаем содержимое
📝 Заказать
  • Оценка по фото
  • Заявка на работы
  • Цены и калькулятор
Здесь человек оставляет заявку — минимум полей
🪠 Арбористам
  • Как начать работу
  • Заявки и картотека
  • Кабинет
Отдельная аудитория — отдельный вход
🏢 Для УК
  • Акты и ведомости
  • Договоры
  • Плановые осмотры
Платный сервис — самый крупный клиент
Правило одного пути: на каждой странице — один главный призыв. Человек с телефона должен за 2 касания понимать, куда нажать.

Куда уходит остальное

Внутрь разделов

Опасное дерево → Заказать. Порода/картотека → Блог. Тендеры, партнёрская программа → Арбористам.

В подвал

О проекте, FAQ, Отзыв, История изменений, Политика. Ровно 13 ссылок, тремя группами.

Убрать

Сообщество (пустое), пустая карточка арбориста, 2 страницы с 404. Файлы оставим, из меню уйдёт.