🏷️ Фиксированная цена
⏱️ Расчёт за 24 часа
Фирменный стиль для компании «ТеплоХолод» — от идентичности к коммерческому сайту
Разработан полноценный фирменный стиль для нижегородской компании «ТеплоХолод», специализирующейся на монтаже, обслуживании и ремонте систем кондиционирования, вентиляции и центральных пылесосов. В рамках проекта созданы логотип, цветовая схема, система шрифтов, паттерны, стилистика визуальных материалов и адаптация под цифровые носители. На основе фирменного стиля разработан коммерческий сайт на Tilda Zero Block с полной кастомизацией.
Исходная ситуация и задача
У компании отсутствовал целостный визуальный язык. Использовались разнородные элементы: синий цвет разного оттенка, несколько типов шрифтов, иконки разного стиля, фотографии без единой обработки. Это снижало узнаваемость бренда и доверие со стороны клиентов.
Создать запоминающийся фирменный стиль, который будет:
- Ассоциироваться с надёжностью, технологичностью и заботой о клиенте
- Работать в разных средах (сайт, соцсети, печатная продукция, вывеска, одежда сотрудников)
- Легко адаптироваться под цифровые форматы
- Отстраиваться от конкурентов, использующих «скучный» синий или «агрессивный» красный
Концепция и смысловой слой
«ТеплоХолод» — это профессиональный подход, которому можно доверять. Никакой пыли, шума и скрытых платежей. Только чистота, комфорт и гарантия.
Логотип и его варианты
Комбинированный логотип: графический знак + название компании. Графический знак стилизует абстрактный элемент, напоминающий одновременно каплю, лист и дуновение ветра — отсылка к трём направлениям работы (кондиционирование, вентиляция, пылесосы).
Используется в узких пространствах (шапка мобильной версии, визитки, бейджи).
Для нанесения на тёмный фон, вывески, плёнки, сувенирную продукцию.
Упрощённая версия — центральный элемент графического знака. Читается даже на маленьком размере.
Цветовая палитра
Цветовая совместимость: все цвета прошли проверку на контрастность (WCAG AA/AAA для текста и кнопок). На тёмно-синем фоне оранжевый акцент создаёт высокую читаемость.
Типографика
Основные шрифты (приоритеты): TT Norms Pro / Gotham Pro / Inter
- Для заголовков H1–H2:
letter-spacing: -0.5px - Для надзаголовков:
letter-spacing: 3px(ПК),2px(моб)
Графические элементы и паттерны
0 20px 30px -12px rgba(0,0,0,0.08). Кнопки: 0 10px 25px -5px rgba(242,139,36,0.4).- Сетка кратна 8px (8, 16, 24, 32, 48, 64)
- Максимальная ширина контента: 1400px
- Поля: 40–60px (ПК), 20–25px (планшет), 16px (мобильные)
Только SVG (никаких PNG/JPG). Единый стиль: контурная заливка 1.5–2px, при активных состояниях — заливка оранжевым. Допустимы минимальные анимации (пульсация, вращение).
Стилистика визуального контента
- Стиль: естественное освещение, живые эмоции, профессиональные кадры монтажа
- Фильтр: лёгкое повышение контраста, тёплый цветовой тон
- Не используются: стоковые фото с «идеальными» людьми, неестественные позы, пересветы
Минималистичные, с использованием базовых цветов бренда.
Адаптация под носители
- Полная адаптивная вёрстка (1400px → 375px)
- Единые стили для всех блоков (изоляция через БЭМ-префиксы)
- Интерактивные элементы (калькуляторы, чек-листы, тесты) — в фирменных цветах
Шаблоны постов с оранжевым акцентом. Использование реальных фотографий с объектов.
- Визитка: тёмно-синяя основа, оранжевый акцент (логотип или полоса)
- Бланк для коммерческих предложений: строгая сетка, минимум декора
- Бейдж сотрудника: простой, читаемый, с крупным логотипом
Внедрение и результаты
Отзыв клиента
«Роман разработал для нас не просто красивый логотип, а полноценную систему — от цветов до типографики и паттернов. Сайт, соцсети, визитки, вывеска — всё теперь выглядит как единый, надёжный и профессиональный бренд. Клиенты стали чаще говорить: "Ого, как солидно!". Спасибо за системный подход и терпение (правок было много).»
Ключевые выводы и рекомендации
- Контрастная пара «тёмно-синий + оранжевый» — запоминается с первого взгляда
- Отказ от H4-H6 в пользу гибкой сетки — стройная иерархия
- Единый стиль иконок (только SVG) — чистота на ретине
- Разработать систему динамических иконок для анимации интерфейсов
- Добавить сезонную цветовую схему (новогодний вариант, летний вариант) — для маркетинговых активностей
Инвестиция в фирменный стиль окупается уже на этапе разработки сайта — не нужно каждый раз «изобретать велосипед» для нового блока или рекламного макета. Всё уже есть в гайдлайнах.