Маркетплейс шаблонов
Сайт маркетплейса цифровых товаров «Слой» — почти белый, чёрные чернила и электрический синий: первый экран с полкой обложек в 3D, которая раскладывается в сетку по прокрутке, витрина с живыми фильтрами и FLIP-перестановкой, быстрым просмотром и лицензиями, конструктор набора со шкалой скидки и закреплённой мини-корзиной, лицензии-билеты с перфорацией, авторы лентой с доходом, который тикает, bento для авторов со счётчиками, отзывы, вопросы, подписка на дропы с таймером и подвал с гигантским словом. Inter Tight, Onest и JetBrains Mono.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка маркетплейса с поиском и корзиной, которая слушает событиеnavbar-041
Марка-слои, поиск с ⌘K, «Продавать», корзина с бейджем, бургер.
2. Первый экран
Хиро с полкой обложек в 3D, которая по прокрутке разъезжается в сеткуhero-041
Полка из восьми обложек в 3D раскладывается в сетку по прокрутке.
3. Витрина
Витрина с фильтрами, FLIP-перестановкой и быстрым просмотром лицензийmarket-001
Чипы и сортировки с FLIP, hover пролистывает кадры, быстрый просмотр с лицензиями.
4. Набор
Конструктор набора со шкалой растущей скидки и мини-корзинойmarket-002
Шкала скидки 5 → 15 → 25 %, закреплённая мини-корзина.
5. Лицензии
Лицензии-билеты с перфорацией и пересчётом от базовой ценыmarket-003
Три билета с перфорацией, степпер мест, стикер «берут чаще».
6. Авторы
Авторы лентой с drag-scroll и доходом, который тикает в реальном времениpeople-021
Лента с drag-scroll, доход месяца тикает от реального времени.
7. Для авторов
Bento для авторов: цифры докручиваются, календарь выплат, лента покупокbento-010
Счётчики докручиваются, календарь выплат, «купили только что».
8. Отзывы
Цитаты по одной с автопрокруткой и полосой прогрессаtestimonials-024
Цитата с переключением и прогрессом.
9. Вопросы
Вопросы аккордеоном с плюсом-крестикомfaq-023
Аккордеон с плюсом-крестиком.
10. Дропы
Подписка на дропы с таймером до следующего и контурным словом на фонеcta-034
Таймер до дропа, контурное слово бежит фоном, одно поле.
11. Подвал
Подвал с гигантским wordmark и колонками ссылокfooter-040
Колонки с моно-заголовками, гигантский wordmark.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PRO