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

ЧТО ВКЛЮЧЕНО

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

• index.html - семантическая разметка, мета-теги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Mobile-first, без фреймворков.
• 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 или любой статический хост - сайт будет в прямом эфире менее чем за пять минут.

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

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

FAQ

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

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

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

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

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