01 / Цвета
Три цвета из презентации
Каталог и текстовые страницы — светлые. Тёмно-синий держит шапку, подвал и имиджевые блоки. Красный — только главное действие.
Основные
Нейтральные и статусы
02 / Типографика
Три шрифта, у каждого своя работа
Автоклиматическое оборудование
Запчасти на Carrier и Thermo King
Гарантийное и постгарантийное обслуживание
Совместимость с моделями оборудования
Подберём оборудование по характеристикам или артикулу и привезём с завода — в Москву и в любой крупный город России.
Холодильно-отопительная установка поддерживает заданную температуру в кузове от −20 до +30 °C. Оттайка горячим газом, питание от бортовой сети 12 или 24 В. Ссылка в тексте подчёркнута и синяя.
Условия поставки и оплаты согласовываются с менеджером.
Артикул 068Z3403-O1l0
Текст статьи: списки и цитата
Так выглядит содержимое типовой текстовой страницы — всё, что редактор вставит через визуальный редактор.
- Маркированный список — красная чёрточка вместо точки
- Второй пункт списка
- Нумерованный список — номера моноширинным шрифтом
- Второй шаг
Цитата или важная мысль выделяется подложкой и линией «холод → тепло».
03 / Списки
Перечни, шаги, характеристики, документы
Отдельные блоки для списков вне текста статьи. В самой статье обычные списки оформляются автоматически — см. раздел «Типографика».
Маркированный, со вложенным
- Авторефрижераторы и холодильно-отопительные установки
- Запчасти автокондиционеров и рефрижераторов
- Компрессоры и муфты
- Вентиляторы конденсатора и испарителя
- Расходные материалы: хладагенты, масла, шланги
Нумерованный: шаги
- Найдите товар По названию, артикулу или через фильтры каталога.
- Добавьте в заявку Можно собрать несколько позиций и указать количество.
- Оставьте телефон Менеджер свяжется и согласует условия поставки.
С галочками, в две колонки
- Диагностика холодильных установок
- Заправка и дозаправка хладагентом
- Замена компрессоров и вентиляторов
- Ремонт электрики и блоков управления
- Установка автономных отопителей
- Гарантийное и постгарантийное обслуживание
Краткие характеристики
- Холодопроизводительность
- 2790 / 1470 Вт
- Напряжение
- 12 / 24 В
- Хладагент
- R404a
- Рекомендуемый объём кузова
- до 14 м³
Документы для скачивания
04 / Кнопки и ссылки
Срезанный угол — фирменная деталь
Виды
Размеры и иконки
Недоступные
Ссылки-действия
05 / Формы
Поля, ошибки и подтверждение
Ошибка появляется, когда из поля ушли, и исчезает, как только значение исправили. Справа — рабочая форма: попробуйте отправить пустую.
Состояния полей
Подсказка под полем
Введите номер полностью
Рабочая форма запроса
Флажки
Переключатели
Количество
06 / Метки и статусы
Наличие, цена, артикул
Наличие
В наличии
Под заказ, 14 дней
Нет в наличии
Цена
184 500 ₽
Цена по запросу
Артикул
Артикул FR-S10H-24
Артикул TM21-8PK-24V-103-57244/QP21-1224-EXT
Метки
07 / Карточка товара
Все состояния из технического задания
В наличии и под заказ, с ценой и по запросу, без фото, с длинным названием и артикулом. Кнопка «В заявку» показывает уведомление. Названия, артикулы и цены — демонстрационные.
Запчасти · Danfoss
Терморегулирующий вентиль TE2 для R404A / R507A
Артикул 068Z3403
Под заказ, 14 дней
Запчасти
Компрессор TM21 для холодильно-отопительных установок FROST S40/S40H и S50/S50H, шкив 8PK, 24 В, с электромагнитной муфтой
Артикул TM21-8PK-24V-103-57244/QP21-1224-EXT
Под заказ
Узкая карточка — две в ряд на телефоне
08 / Фильтры каталога
Свойства разных типов
Два набора — для оборудования и для запчастей. Фильтры рабочие: выбранные значения собираются в метки сверху, метка снимается кликом. Значения и количества — демонстрационные.
Оборудование
Переключатель · диапазон с ползунком · плитки · радиокнопки · флажки с количеством · свёрнутая группа
Запчасти
Текстовое поле · длинный список с поиском и «Показать ещё» · выпадающий список · переключатели
Элементы по отдельности
09 / Слайдер
Карусель товаров и фотослайдер
Листается стрелками, перетаскиванием и пальцем на телефоне. Стрелка на краю ленты гаснет. Фото — из презентации FROST S.
Фотослайдер: портфолио, статья, о компании
10 / Статьи и новости
Карточки статей и новостей
Изображение, тип, дата, заголовок и анонс. Крупная карточка, обычная и вариант без фото. Тексты и даты — демонстрационные.
Расширили склад запчастей для Carrier и Thermo King
Крупная горизонтальная карточка — для главной новости или первой статьи в списке. На узком экране она становится обычной вертикальной.
Читать
Как подобрать холодильную установку по объёму кузова
Разбираем, от чего зависит холодопроизводительность и почему важно учитывать температурный режим перевозки.
Читать
Обслуживание рефрижератора перед сезоном: что проверить в первую очередь
Компрессор, уровень хладагента, ремни и вентиляторы — короткий список работ, которые стоит сделать заранее.
ЧитатьКарточка без фотографии с очень длинным заголовком, который занимает несколько строк и не ломает сетку
Если изображения нет, карточка остаётся аккуратной: текст просто поднимается наверх.
Читать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 / TM15 | 1 шт. |
| Шланг фреоновый № 8, тонкостенный | 4 м |
| Шланг фреоновый № 10, тонкостенный | 7 м |
| Болт М10, L = 150 мм | 8 шт. |
| Шайба увеличенная d = 10 | 16 шт. |
| Хомут червячный d = 29 | 5 шт. |
| Масло POE68 | 250 мл |
13 / Видео
Видеоплеер с постером
До клика грузится только картинка-постер. Работает и с файлом, и со встроенным плеером Rutube или VK Видео. Ролик здесь — демонстрационная заглушка.
14 / Окна и уведомления
Модальное окно и уведомление
Окно закрывается крестиком, клавишей Esc и кликом по затемнению. На телефоне выезжает снизу.
15 / Тёмный имиджевый блок
Привезём любое оборудование в любую точку России
Так будут выглядеть первый экран, карта поставок и подвал: тёмный фон, холодное и тёплое свечение, «стальные» заголовки.
Производство в Китае
Оборудование выпускается на заводе-партнёре.
Своя логистическая компания
Доставляем сами, без посредников.
Официальный договор
Работаем по договору поставки.
Гарантия
Гарантийное и постгарантийное обслуживание.
В наличии
Под заказ, 14 дней
Артикул FR-S10H-24
16 / Иконки