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

ЧТО ВЫ ПОЛУЧИТЕ

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

• index.html - семантическая разметка, метатеги, Open Graph и JSON-LD для ClothingStore + ItemList.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Мобильная версия в основе, без фреймворков.
• 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 install.
2. Введите свои данные - script.js начинается с небольшого CONFIG-блока: поддержка электронной почты и ваши данные, 30 секунд.
3. Переименуйте бренд - Измените текст бренда в заголовке и цветовые токены в style.css - сайт перекрашивается вокруг них.
4. Загрузите - Перетащите папку на Netlify Drop, GitHub Pages или любой статический хост - сайт активен менее чем за пять минут.

ПОЧЕМУ ПОКУПАТЕЛИ ВЫБИРАЮТ ЭТО

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

FAQ

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

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

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

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

Как получить файл?