Секция / блок

Ассортимент пекарни на скандинавской сетке

Лаконичная сетка карточек товаров с фильтрацией, терракотовыми акцентами и lookbook-презентацией для премиальной еды.

E-commerceFoodLookbookGridCatalogFilters
4 просмотров
0 использований
Палитра
ТипСекция / блок
Категорияfood-catalog
ДоступОткрытый
Шаблон доступен к использованию

Нажмите «Использовать шаблон» — мы создадим проект у вас в аккаунте.

О шаблоне

Секция каталога для пекарен, гастрономов и продуктовых мастерских, где товар — единственный декор. Архетип lookbook-grid выстроен на жёсткой модульной сетке: карточки с соотношением сторон 4:5 рифмуются ровным ритмом, а щедрые gutter’ы в 24 пикселя создают воздух между позициями, не позволяя визуали «слепиться».

Палитра опирается на тёплый натуральный фон #f7f5f2 — цвет небелёного холста — с глубоким чёрным #1a1a1a для типографики и терракотовым #c75d3a для меток «Хит» и «Сезон». Именно этот охристый акцент задаёт темперамент: без него интерфейс превратился бы в клинически холодную галерею, с ним — в живую витрину.

Типографика работает на тихом контрасте: DM Sans для названий и цен (геометричный, уверенный ритм), Inter для вторичного текста (нейтральный, не отвлекает). Ключевой приём — липкая панель фильтров с backdrop-blur и последовательной chip-анимацией, где каждая кнопка появляется со сдвигом по очереди, как будто раскладывается на прилавок.

Карточки лишены теней, рамок и кнопок «В корзину» — hover ограничен мягким scale изображения. Это намеренный жест: секция рассчитана на встройку в лендинг, где CTF живёт отдельно. Можно докрутить состояния фильтров на JS, добавить лайки или быстрый просмотр, а также растянуть сетку до 5 колонок на 2K-мониторах.

Как использовать шаблон
1
Нажмите «Использовать»Выберите название и URL — это займёт минуту.
2
Мы создадим проектУ вас в аккаунте появится сайт с готовым контентом.
3
Переделайте под себяAI-чат внутри редактора поможет адаптировать дизайн и тексты.