Страница

Маркетплейс промо-сайтов для DJ

Каталог готовых шаблонов для DJ, лейблов и клубов — с тёмной неоновой эстетикой, фильтрацией и ценами.

LandingE-commerceMusicSaaSPricingFeaturesHeroCatalog
6 просмотров
1 использований
Палитра
ТипСтраница
Категорияmusic-marketplace
ДоступОткрытый
Шаблон доступен к использованию

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

О шаблоне

Этот шаблон создан для маркетплейса промо-сайтов электронной музыки и закрывает сразу несколько ниш: DJ-профили, лейблы, клубные площадки и мерч-сторы. Целевая аудитория — сами артисты, промоутеры, агентства, которым нужен сайт «здесь и сейчас», без разработчика.

Архитектура страницы строится по классической схеме маркетплейса: липкий хедер → hero с lookbook-сеткой → каталог с фильтрацией → блок преимуществ → тарифы → FAQ. Каждая секция логично перетекает в следующую, ведя пользователя от «смотри» к «покупай».

Hero-секция — главный визуальный аргумент. Левая колонка содержит лид-текст, три конверсионных метрики (340+ шаблонов, 12 000+ сайтов, 4.9★) и пару CTA-кнопок. Правая занята плавающей lookbook-сеткой из 5 карточек с разной высотой: featured-карточка занимает две колонки, остальные — одну. Карточки анимированы float-эффектом со смещённым временным сдвигом (0s / 1s / 2s), создавая живой ритм без навязчивости.

Каталог реализован на 4-колоночной масонри-подобной сетке с намеренным смещением карточек по вертикали (margin-top 16–48px) — это имитирует Pinterest-ритм без JavaScript-масонри. Фильтрация по категориям (DJ, лейбл, клуб, мерч) работает на нативном JS. Каждая карточка несёт бейдж (HOT / PRO / NEW), рейтинг, число покупок и цену.

Цветовая логика — глубокий индиго #0f0d1a как фон, #1c1830 для карточек, #7c3aed как единственный акцент (кнопки, бейджи, hover-бордеры). Типографика двухуровневая: Space Grotesk для заголовков и цифр, Manrope для текста — контраст между геометричностью и гуманистикой усиливает «технологичный, но живой» характер бренда. Radial-gradient в hero (rgba(124,58,237,0.3)) добавляет свечение сверху без утяжеления.

Что можно докрутить: добавить реальную пагинацию каталога, подключить поиск по названию, вставить превью-модалку по клику на карточку, добавить раздел «Авторы» или программу партнёрства для создателей шаблонов.

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