Полный адаптивный витрин: семантический HTML, одна комментированная система дизайна в CSS, ванильный JavaScript, сгенерированное искусство продуктов и полная SEO-разметка. Без фреймворков, без шага сборки, без ключа лицензии.

ЧТО ВКЛЮЧЕНО

Одна папка, без инструментов сборки:

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок :root palette, который перекрашивает весь сайт. мобильный приоритет, без фреймворков.
• script.js - 4 КБ ванильного JS: навигация, фильтрация, сортировка, сумка, появление при прокрутке.
• img/ - сгенерированное SVG-изображение товара - маленькое, резкое в любом размере, перекрашивается под вашу палитру.

MIT лицензия - используйте в клиентских проектах, ребрендируйте, продавайте как часть вашего собственного сборки.

ПО СТРАХОВОЙ РЕАЛИЗАЦИИ

1. Адаптивность - макеты проверены на ширине от 320 до 1440 px с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - Корзина, фильтрация, сортировка, мобильная навигация и эффекты появления на прокрутке в одном небольшом скрипте - без библиотек, без шага сборки.
3. SEO готово - семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в шапке страницы.
4. Перекраска одной палитрой - вся сайт перекрашивается из одного единственного закомментированного блока :root в начале style.css.

ЖИВОЙ В ТЕЧЕНИЕ ПЯТИ МИНУТ

1. Распакуйте архив и откройте - двойной клик по index.html — работает прямо с рабочего стола, без сервера или npm установок.
2. Введите ваши данные - script.js начинается с небольшого CONFIG блока: поддержка электронной почты и ваши данные, 30 секунд.
3. Ребрендирование - измените текст бренда в заголовке и цветовые токены в style.css - сайт перекрасится вокруг них.
4. Загрузите - перетащите папку на Netlify Drop, GitHub Pages или любой статический хост - сайт будет live менее чем за пять минут.

ПОЧЕМУ ПОКУПАТЕЛЕЙ ЭТО ПОДХОДИТ

• Что видишь — то и получаешь: живой демо работает на том же коде, что вы скачали — те же файлы, то же поведение.
• Проверено перед выпуском: протестировано с 360 до 1440 px без переполнения, без сломанных изображений и без ошибок в консоли.
• Ваше право продавать: лицензия MIT - используйте в клиентских проектах или продавайте как часть своей сборки.
• Мгновенная загрузка: оформление заказа, доставка и повторная загрузка осуществляются автоматически — заплатите один раз и ZIP-файл окажется в вашей библиотеке сразу.

FAQ

Нужен ли инструмент сборки?
Нет. Распакуйте архив, откройте index.html, он работает. Загрузите папку на GitHub Pages, Netlify drop или любой общий хост.

Можно ли изменить цвета?
Да — блок :root в верхней части style.css содержит все цвета, шрифты и радиусы, используемые на странице.

Что можно с этим сделать?
Лицензия MIT. Используйте в клиентских проектах, продавайте с ним, сохраняйте всё, за что вы берете плату. Указание авторства приветствуется, но не обязательно.

Где редактировать текст?
Весь текст — обычный HTML в index.html. INSTALL.md перечисляет каждый блок, который стоит поменять в первую очередь.

Как получить файл
Чтобы получить файл, выполните, как в инструкции выше, и загружайте ZIP по мере необходимости.