Согласование № 1

Визуальный язык сайта ТД Термотранс

Цвета, шрифты и базовые элементы, из которых будут собраны все страницы. Палитра и подача — по презентации FROST S: глубокий синий, малиново-красный, белый.

01 / Цвета

Три цвета из презентации

Каталог и текстовые страницы — светлые. Тёмно-синий держит шапку, подвал и имиджевые блоки. Красный — только главное действие.

Основные

Navy 950 #05080F · фон тёмных блоков
Navy 900 #0A1022
Navy 700 #17234B
Blue 600 #1F5BE0 · ссылки, акцент
Blue 500 #2B6BFF
Red 500 #D9234C · главное действие
Red 600 #C4183F · наведение
Thermo холод → тепло

Нейтральные и статусы

Gray 900 #0E1524 · текст
Gray 500 #5F6C81 · вторичный
Gray 300 #BCC5D3 · рамки полей
Gray 200 #D9DFE8 · линии
Gray 50 #F4F6FA · подложки
White #FFFFFF · фон
Green 600 #17794F · в наличии
Amber 600 #955800 · под заказ

02 / Типографика

Три шрифта, у каждого своя работа

H1 · Sofia Sans Semi Condensed 500
32–56 px, прописные

Автоклиматическое оборудование

H2 · 500
26–42 px, прописные

Запчасти на Carrier и Thermo King

H3 · 600
20–24 px

Гарантийное и постгарантийное обслуживание

H4 · 600
18 px

Совместимость с моделями оборудования

Лид · Golos Text 400
17–20 px

Подберём оборудование по характеристикам или артикулу и привезём с завода — в Москву и в любой крупный город России.

Текст · Golos Text 400
16 px / 1.55

Холодильно-отопительная установка поддерживает заданную температуру в кузове от −20 до +30 °C. Оттайка горячим газом, питание от бортовой сети 12 или 24 В. Ссылка в тексте подчёркнута и синяя.

Мелкий · 14 px

Условия поставки и оплаты согласовываются с менеджером.

Артикул · JetBrains Mono 600
различает 0 и O, 1 и l

Артикул 068Z3403-O1l0

Текст статьи: списки и цитата

Так выглядит содержимое типовой текстовой страницы — всё, что редактор вставит через визуальный редактор.

  • Маркированный список — красная чёрточка вместо точки
  • Второй пункт списка
  1. Нумерованный список — номера моноширинным шрифтом
  2. Второй шаг
Цитата или важная мысль выделяется подложкой и линией «холод → тепло».

03 / Списки

Перечни, шаги, характеристики, документы

Отдельные блоки для списков вне текста статьи. В самой статье обычные списки оформляются автоматически — см. раздел «Типографика».

Маркированный, со вложенным

  • Авторефрижераторы и холодильно-отопительные установки
  • Запчасти автокондиционеров и рефрижераторов
    • Компрессоры и муфты
    • Вентиляторы конденсатора и испарителя
  • Расходные материалы: хладагенты, масла, шланги

Нумерованный: шаги

  1. Найдите товар По названию, артикулу или через фильтры каталога.
  2. Добавьте в заявку Можно собрать несколько позиций и указать количество.
  3. Оставьте телефон Менеджер свяжется и согласует условия поставки.

С галочками, в две колонки

  • Диагностика холодильных установок
  • Заправка и дозаправка хладагентом
  • Замена компрессоров и вентиляторов
  • Ремонт электрики и блоков управления
  • Установка автономных отопителей
  • Гарантийное и постгарантийное обслуживание

Краткие характеристики

Холодопроизводительность
2790 / 1470 Вт
Напряжение
12 / 24 В
Хладагент
R404a
Рекомендуемый объём кузова
до 14 м³

04 / Кнопки и ссылки

Срезанный угол — фирменная деталь

Виды

Размеры и иконки

Недоступные

05 / Формы

Поля, ошибки и подтверждение

Ошибка появляется, когда из поля ушли, и исчезает, как только значение исправили. Справа — рабочая форма: попробуйте отправить пустую.

Состояния полей

Подсказка под полем

Введите номер полностью

Рабочая форма запроса

Фото шильдика или детали, до 10 МБ

Подберём и предложим поставку. Обязателен только телефон.

Заявка отправлена

Менеджер свяжется с вами.

Флажки

Переключатели

Количество

06 / Метки и статусы

Наличие, цена, артикул

Наличие

В наличии

Под заказ, 14 дней

Нет в наличии

Цена

184 500 ₽

Цена по запросу

Артикул

Артикул FR-S10H-24

Артикул TM21-8PK-24V-103-57244/QP21-1224-EXT

Метки

Китай Беларусь Новинка Аналог Выполнена В работе

07 / Карточка товара

Все состояния из технического задания

В наличии и под заказ, с ценой и по запросу, без фото, с длинным названием и артикулом. Кнопка «В заявку» показывает уведомление. Названия, артикулы и цены — демонстрационные.

Узкая карточка — две в ряд на телефоне

08 / Фильтры каталога

Свойства разных типов

Два набора — для оборудования и для запчастей. Фильтры рабочие: выбранные значения собираются в метки сверху, метка снимается кликом. Значения и количества — демонстрационные.

Оборудование

Фильтр

Цена, ₽
Объём кузова
Напряжение
Назначение
Холодопроизводительность, Вт

Переключатель · диапазон с ползунком · плитки · радиокнопки · флажки с количеством · свёрнутая группа

Запчасти

Фильтр

Артикул
Бренд
Совместимость
Тип запчасти

Текстовое поле · длинный список с поиском и «Показать ещё» · выпадающий список · переключатели

Элементы по отдельности

09 / Слайдер

Карусель товаров и фотослайдер

Листается стрелками, перетаскиванием и пальцем на телефоне. Стрелка на краю ленты гаснет. Фото — из презентации FROST S.

Сопутствующие товары

Фотослайдер: портфолио, статья, о компании

Производственный цех
Производственный цех
Сборка конденсатора
Сборка конденсатора
Испаритель, установленный в кузове
Испаритель, установленный в кузове
Склад готовой техники
Склад готовой техники
Сервисное обслуживание
Сервисное обслуживание

10 / Статьи и новости

Карточки статей и новостей

Изображение, тип, дата, заголовок и анонс. Крупная карточка, обычная и вариант без фото. Тексты и даты — демонстрационные.

12 / Таблицы

Технические характеристики

Три вида: характеристики с группами, простая таблица и складная — на телефоне её строки превращаются в карточки. Слишком широкая таблица прокручивается внутри рамки и не ломает страницу.

Характеристики с группами параметров

Параметр Значение
Холодопроизводительность при +30 °C (0 °C / −20 °C) 2790 / 1470 Вт
Температурный диапазон −20…+30 °C
Напряжение DC 12 В / 24 В
Оттайка Горячим газом
Хладагент R404a / 1,2 кг
Компрессор Модель TM15 / 5S14
Рабочий объём 147 см³/об
Конденсатор Вентиляторы 1 шт.
Размеры 1077 × 474 × 255 мм
Вес 40 кг
Рекомендуемый объём кузова При −20 °C до 8 м³
При 0 °C до 14 м³

Простая с чередованием строк: комплектация

Наименование Количество
Компрессор 5S14 / TM151 шт.
Шланг фреоновый № 8, тонкостенный4 м
Шланг фреоновый № 10, тонкостенный7 м
Болт М10, L = 150 мм8 шт.
Шайба увеличенная d = 1016 шт.
Хомут червячный d = 295 шт.
Масло POE68250 мл

Складная: список заявок

Заявка Дата Состав Статус
№ 1042 28.09.2026 3 товара В работе
№ 1017 11.09.2026 1 товар Выполнена
№ 986 02.08.2026 12 товаров Выполнена

Сузьте окно или откройте на телефоне — строки станут карточками.

13 / Видео

Видеоплеер с постером

До клика грузится только картинка-постер. Работает и с файлом, и со встроенным плеером Rutube или VK Видео. Ролик здесь — демонстрационная заглушка.

Подпись под видео — необязательная.

14 / Окна и уведомления

Модальное окно и уведомление

Окно закрывается крестиком, клавишей Esc и кликом по затемнению. На телефоне выезжает снизу.

15 / Тёмный имиджевый блок

Привезём любое оборудование в любую точку России

Так будут выглядеть первый экран, карта поставок и подвал: тёмный фон, холодное и тёплое свечение, «стальные» заголовки.

01

Производство в Китае

Оборудование выпускается на заводе-партнёре.

02

Своя логистическая компания

Доставляем сами, без посредников.

03

Официальный договор

Работаем по договору поставки.

04

Гарантия

Гарантийное и постгарантийное обслуживание.

В наличии

Под заказ, 14 дней

Артикул FR-S10H-24

16 / Иконки

Линейные, в одном начертании

search
cart
user
phone
mail
menu
close
check
plus
minus
chevron-down
chevron-right
chevron-left
arrow-right
alert
info
clip
trash
filter
sort
pin
clock
truck
shield
doc
contract
factory
box
wrench
snowflake
flame
image
eye
play
download