UI-kit новых страниц
Общие элементы для всех страниц orekhprom.ru в стилистике обновлённой главной: шапка, подвал, попапы, токены и компоненты. Всё подключается одним CSS и одним JS-файлом.
Цвета
Фон--bg #F7F7F7
Панель--panel #EEEDE9
Карточка--card #FFFFFF
Графит--ink #1F2022
Олива (акцент)--accent #6E7A4E
Олива светлая--accent-soft
Типографика
68 / 52 / 36 px
52 / 42 / 30 px
36 / 26 px
24 / 20 px
19 / 16 px
Профессиональное качество в удобном формате — для кондитерских и кофеен.
16 px / 1.55
Фабрика ОРЕХПРОМ гарантирует высокое качество продукции благодаря строгому контролю каждого этапа производства.
13 px, uppercase, +0.1em
14 px, ink-55
Упаковка под вакуумом или с азотным наполнением
Кнопки, чипы, табы
Формы
Экран успеха
Так выглядит подтверждение после отправки.
Запрос отправлен
Попробуйте отправить пустую форму — поля подсветятся.
Карточки
Орехи
Целые ядра и фракции
В магазин ↗Пластиковые вёдра — 1 и 5 кг.
Блоки
- Цельная обжарка — степень под задачу
- Калибровка по количеству ядер в унции
- Лабораторный контроль каждой партии
Для B2B — от одной упаковки 10 кг. Для теста вкуса подойдёт розничный формат 1 кг под брендом ЕМ!.
Да, оставьте заявку — технологи подберут позиции и отправят образцы на тест.
Шапка
Липкая, с полупрозрачным фоном и размытием; при скролле появляется нижняя линия. Над шапкой в макетах — тёмный переключатель страниц (в продакшн не идёт). Пункты B2B и Бренды раскрываются по наведению. До 1040 px меню сворачивается в бургер.
Подвал
Тёмный подвал: навигация по разделам, контакты с CTA «Оставить заявку», соцсети и крупный водяной логотип. Живой экземпляр — внизу этой страницы.
Попапы и уведомления
Заявка отправлена
Спасибо! Мы получили ваш запрос и свяжемся с вами в ближайшее время.